title: How to trigger a change event only after all multiselect selections have been made
body: <p>I have a multiselect dropdown element with check boxes and a change function for that element in my javascript file.  But the change function is triggered every time a check box is clicked.  I would like the change function to be triggered only after the user exits the select dropdown or hits 'enter' so it only runs once if a user checks five boxes instead of running five times (immediately after each new box is checked).  How can I do this?  Here is my current code:</p>
  
  <p>html element:  </p>
  
  <pre><code> &lt;select id="vo_select_mobile_brands" multiple="multiple"&gt;
           &lt;option&gt;Select a country&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>javascript dynamic addition of checkbox options:</p>
  
  <pre><code>$el = $('#vo_select_mobile_brands');
  $el.empty()
  $.each(_vo_mobile_brand_ids_list, function(idx, mobile_brand_id) {
      $el.append($("&lt;option&gt;&lt;/option&gt;")
          .attr("value", mobile_brand_id).text(mobile_brand_id));
  });
  $el.multiselect('destroy')
  $el.multiselect({
      includeSelectAllOption: true
  });
  $el.multiselect()
  </code></pre>
  
  <p>javascript change function:</p>
  
  <pre><code>$('#vo_select_mobile_brands').change(function() {
      _vo_selected_mobile_brands = [];
      selected_objects = $("#vo_select_mobile_brands option:selected")
      for(var i = 0; i &lt; selected_objects.length; i++){
          //do something with the selected items
      }
  });
  </code></pre>