Проверка jQuery select2 ⇐ Javascript

[Anonymous]

Я проверяю свою форму с помощью плагина проверки jQuery. Я меняю раскрывающееся меню стиля с помощью плагина jQuery select2. если подтвердить ошибку обратного вызова, мой ввод показывает/добавляет окно ошибки класса (красная рамка), иначе показывает/добавляет окно успеха класса (зеленая рамка). Это работало при обычном вводе, но не работало в select2. когда я выбираю любое значение для окна выбора окна ошибки (красная рамка), не скрываю/переключаюсь в окно успеха. select2 сработал после нажатия кнопки отправки.

JS:

$('form').validate({ правила: { имя: { минимальная длина: 3, максимальная длина: 15, требуется: правда }, фамилия: { минимальная длина: 3, максимальная длина: 15, требуется: правда } }, выделение: функция (элемент, errorClass, validClass) { if (element.type === "радио") { this.findByName(element.name).addClass(errorClass).removeClass(validClass); } еще { $(element).closest('.form-group').removeClass('имеется успех, есть обратная связь').addClass('имеется ошибка, есть обратная связь'); $(element).closest('.form-group').find('i.fa').remove(); $(element).closest('.form-group').append('') } }, снять выделение: функция (элемент, errorClass, validClass) { if (element.type === "радио") { this.findByName(element.name).removeClass(errorClass).addClass(validClass); } еще { $(element).closest('.form-group').removeClass('есть ошибка, есть обратная связь').addClass('имеется успех, есть обратная связь'); $(element).closest('.form-group').find('i.fa').remove(); $(element).closest('.form-group').append(''); } }, errorElement: 'диапазон', errorClass: 'помощь-блок', errorPlacement: функция (ошибка, элемент) { if (element.parent('.input-group').length) { error.insertAfter(element.parent()); } еще { error.insertAfter(элемент); } } }); $("#lstColors").select2({ заполнитель: «Выберите цвет», ширина: «200 пикселей» }); как решить эту проблему?!

ДЕМО: http://jsfiddle.net/hTPY7/1413/