jQuery UI Multiselect Events
<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>
