title: How can I unselect an option from a multi select on a click ONLY if it is selected
body: <p>I have a multi select element and once I select an option on it, is it then impossible to unselect all the options. 
  I need to unselect the option when I click it and it was previously selected.</p>
  
  <p>I have tried a few things but they don't work because everytime i click the option it becomes selected whether it was or not so its impossible to know if it was previously selected and should be unselected or if its the first time i am clicking it to select it</p>
  
  <p><a href="http://jsfiddle.net/JRgdv/" rel="nofollow">http://jsfiddle.net/JRgdv/</a></p>
  
  <pre><code>&lt;select  multiple="multiple"&gt;
      &lt;option&gt;11111&lt;/option&gt;
      &lt;option selected&gt;2&lt;/option&gt;
      &lt;option&gt;33333&lt;/option&gt;
      &lt;option&gt;44444&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I know I can have  button or an area that i can click to clear the whole thing but i am truying to make it so that if you click a selected option then it unselects it</p>
  
  <p>edit: CTRL+Click is not what i am looking for. it has to be with the mouse only</p>