Triggering the change event on the selected and selectable lists when an item is selected or deselected.

1 files changed, 4 insertions, 0 deletions

diff --git a/js/jquery.multi-select.js b/js/jquery.multi-select.js
index d264f63..ff49f7e 100644
--- a/js/jquery.multi-select.js
+++ b/js/jquery.multi-select.js
@@ -79,6 +79,8 @@
             ms.multiSelect('deselect', $(this).attr('ms-value'));
           });
           selectedUl.append(selectedLi);
+          selectedUl.trigger('change');
+          selectableUl.trigger('change');
           if (typeof ms.data('settings').afterSelect == 'function' && method != 'init') {
             ms.data('settings').afterSelect.call(this, value, text);
           }
@@ -103,6 +105,8 @@
         ms.val(newValues);
         selectableLi.show();
         selectedLi.remove();
+        selectedUl.trigger('change');
+        selectableUl.trigger('change');
         if (typeof ms.data('settings').afterDeselect == 'function') {
           ms.data('settings').afterDeselect.call(this, value, selectedLi.text());
         }