title: Select / deselect dropdown option with JS on iOS 6.x (iPad)
body: <p>I'm creating dynamic drodown using html <code>&lt;select&gt;</code> tag with attribute <code>multiple</code> and first option selected by default:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select multiple="multiple" size="1"&gt;  
      &lt;option value="" selected="selected"&gt;All&lt;/option&gt;  
      &lt;option value="1"&gt;One&lt;/option&gt;  
      &lt;option value="2"&gt;Two&lt;/option&gt;  
  &lt;/select&gt;
  </code></pre>
  
  <p>User taps option <code>One</code> for instance and then supposed behaviour is to deselect the <code>All</code> option and select the <code>One</code> option. </p>
  
  <p>When iPad browser open native UI for dropdown I am able to catch touch events from dropdown control (code snippets from my plugin):</p>
  
  <pre class="lang-js prettyprint-override"><code>this.$el.on('change', this.selectOption, this);
  </code></pre>
  
  <p>and manipulate options to deselect them in the way below:</p>
  
  <pre class="lang-js prettyprint-override"><code>selectOption: function(e){
      var opts = element.find('option');  
      opts.each(function(idx, opt){  
          $(opt).prop('selected', false);  
      });  
  }
  </code></pre>
  
  <h2>The problem</h2>
  
  <p>Option properties are set to <code>false</code> properly BUT visually in iPad's dropdown UI selected options remain unchanged - which may confuse user.<br>
  The changes in UI are applied after <strong>Done</strong> button in dropdown is tapped. Next opening shows all options deselected which is OK but little bit late ;-).</p>
  
  <h2>The question</h2>
  
  <p>Is this possible to select/deselect options in the way where user taps one option and the other one is being deseleted realtime in native iPad dropdown? </p>