title: jQuery UI MultiSelect Widget - Can't uncheck checkbox
body: <p>I'm using 2 widgets that adds the selections and only allows the user to select 5 total between both dropdown widgets. Strangely once the 5 limit is reached, I can not uncheck the checkboxes! Anyone know why this is happening? I also noticed that if I say >5, the user can still choose 6 before is stopped. I'm having to use 4 to stop at 5?</p>
  
  <pre><code>&lt;select id="dropdown1" multiple="multiple" class="multiselect"&gt;
  &lt;select id="dropdown2" multiple="multiple" class="multiselect"&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>$(document).ready(function() {
      $(".multiselect").multiselect({
      header: "Choose up to 5 areas",
      click: function(event,ui){
                 if($(".multiselect").children(":checked").length &gt; 4){               
                      return false;
  
          }},
  
        selectedList:5
      });
  </code></pre>
  
  <p>reference here for how I got to here: <a href="https://stackoverflow.com/questions/21190299/js-logic-adding-2-multiselect-checkboxes/21191121?noredirect=1#comment31914106_21191121">JS logic - adding 2 multiselect checkboxes</a></p>
  
  <p>UI widget i'm using:<a href="http://www.erichynds.com/blog/jquery-ui-multiselect-widget" rel="nofollow noreferrer">http://www.erichynds.com/blog/jquery-ui-multiselect-widget</a></p>