Select Unselect multiple select fields
<p>I have a multiple select fields like following:</p>

<pre><code>&lt;select class="projects" id="projects" multiple="multiple" name="projects[]" size="10"&gt;
  &lt;option value="1"&gt;Project 1&lt;/option&gt; 
  &lt;option value="2"&gt;project 2&lt;/option&gt; 
  &lt;option value="3"&gt;Project 3&lt;/option&gt;
&lt;/select&gt; 
</code></pre>

<p>I would like to have the feature that after user selected, if user then click somewhere else, all selected options are going back to "unselected", how to implement this feature in Jquery?</p>
