title: How to reset one Bootstrap Multiselect when another Bootstrap Multiselect is used via jQuery
body: <p>I am using the Bootstrap-Multiselect (<a href="http://davidstutz.github.io/bootstrap-multiselect/" rel="noreferrer">http://davidstutz.github.io/bootstrap-multiselect/</a>)</p>
  
  <p>I have two dropdowns, when an item is selected in one dropdown I need to reset the other dropdown. I have been attempting to do this using the onchange jQuery but without success.</p>
  
  <p>If an option is selected from dropdown1, then deselect/reset everything in dropdown2.</p>
  
  <pre><code>&lt;form&gt;
      &lt;select id="dropdown1" name="dropdown1" multiple="multiple"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>If an option is selected from dropdown2, then deselect/reset everything in dropdown1.</p>
  
  <pre><code>    &lt;select id="dropdown2" name="dropdown2" multiple="multiple"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My failed jQuery</p>
  
  <pre><code>$("#dropdown1").change(function () {
      $('#dropdown2').multiselect('refresh');
  });
  
  $("#dropdown2").change(function () {
      $('#dropdown1').multiselect('refresh');
  });
  </code></pre>
  
  <p>How should this be accomplished?</p>