title: Deselecting all elements from a multi-select dropdown in jQuery
body: <p>I have a multi-select drop down as following, where I have selected the options "Test 2" and "Test 3".</p>
  
  <pre><code>&lt;select id="edit-rec" class="form-select" multiple="multiple" name="rec[]"&gt;
  &lt;option value="6012"&gt;Test 1&lt;/option&gt;
  &lt;option value="8436"&gt;Test 2&lt;/option&gt;
  &lt;option value="4689"&gt;Test 3&lt;/option&gt;
  &lt;option value="6784"&gt;Test 4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I have a button called "Deselect All". When this button is clicked, <strong>all selected items should be deselected</strong>. In this case, the items I previously selected, "Test 2" and "Test 3", should now become deselected.</p>
  
  <p>How can I accomplish this using jQuery?</p>