title: How to reset a jquery multiselect checkbox dropdown
body: <p>I have the below code. As per the functionality, When the user chooses the first radio button, no action is required but when the user chooses the second radio button, a multiselect jquery dropdown is shown up. User can select the checkboxes. This is fine. After the user checks the checkboxes and then click on the first radio button, the dropdown should get disappear and the values should get reset or in other words, checkboxes should get unchecked. I am able to make it disappear using <code>hide()</code>, but the values are not getting unchecked. So when I come back, I still see the old values. </p>
  
  <pre><code>&lt;div id="radioButton" data-role="fieldcontain" style="display: none"&gt;
      &lt;label for="flip-1"&gt;Choose Something &lt;/label&gt;
         &lt;fieldset data-role="controlgroup"&gt;
  
           &lt;input type="radio" name="radio-choice-2" id="radio-choice-1" value="choice-1" /&gt; 
           &lt;label for="radio-choice-1"&gt;All Business Catergories&lt;/label&gt; 
           &lt;input type="radio" name="radio-choice-2" id="radio-choice-2" value="choice-2" /&gt; 
           &lt;label for="radio-choice-2"&gt;A specific business category&lt;/label&gt;
  
         &lt;/fieldset&gt;
  &lt;/div&gt;
  
  &lt;div id="multiCheckbox" style="display: none"&gt;
  
      &lt;select name="busiUnit" id="day" multiple="multiple" data-native-menu="false"&gt;
          &lt;option&gt;Business Unit Category&lt;/option&gt;
          &lt;option value="29"&gt;ABC&lt;/option&gt;
          &lt;option value="30"&gt;XYZ&lt;/option&gt;
          &lt;option value="31"&gt;BCD&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using the jquery <code>hide()</code> &amp; <code>show()</code> methods, for displaying and hiding the dropdown. Below code for 
  for reading the checkboxes. </p>
  
  <pre><code>$("#day").change(function(){
  
      var str = "";
      busiArray=[];                                
  
      $( "select#day option:selected" ).each(function() {
  
          str = $( this ).val();
          busiArray.push(str);
  
      });
  
  });   
  </code></pre>
  
  <p>How do I reset the dropdown ?</p>
  
  <p>Thanks. </p>