title: jQuery UI Multiselect Events
body: <p>I'm using <a href="http://www.quasipartikel.at/multiselect/" rel="nofollow">this</a> Multiselect jquery component. and I can't figure how to trigger and subscribe to the events of this thing. (I'm new to js).</p>
  
  <p>What I've been trying so far is to trigger a collectionChanged event in the _updateCount function of the ui.multiselect.js file:</p>
  
  <pre><code>_updateCount: function() {
          this.selectedContainer.find('span.count').text(this.count + " " + $.ui.multiselect.locale.itemsCount);
  
          //How do I subscribe to the event?
          $(this).trigger('collectionChanged');
      }
  </code></pre>
  
  <p>Then I'm trying to subscribe to the 'collectionChanged' event from asp.net:</p>
  
  <pre><code>  $('#&lt;%= dropDown.ClientID %&gt;').bind('collectionChanged', function ()
       { 
           alert("Changed!");
       });
  </code></pre>
  
  <p>The generated page markup is this:</p>
  
  <pre><code>&lt;select name="ctl06$dropDown" id="ctl06_dropDown" class="multiselect" multiple="multiple" name="countries[]"&gt;
          &lt;option value="1134"&gt;A&lt;/option&gt;
          &lt;option value="1980"&gt;B&lt;/option&gt;
          &lt;option value="17789"&gt;C&lt;/option&gt;
          &lt;option value="180367"&gt;D&lt;/option&gt;
          &lt;option value="1990673"&gt;E&lt;/option&gt;
  
      &lt;/select&gt;
  
   &lt;script type="text/javascript"&gt;
   $(function () { $('.multiselect').multiselect(); });
  
   $('#ctl06_dropDown').bind('collectionChanged', function ()
   {   
       //Not working (never triggerd)
       alert("Changed!");
   });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks.</p>