title: Enable "disabled Multiselect" using jquery/javascript
body: <p>here's my code below. On page load, all multiselect are disabled but once the user click the enable button, all multiselect should be enable. Here's my code below. I'm not able to make this work, I wonder why. But if I add "<code>$('#multidiv option').prop('disabled', false);</code>" on first load, it works, but all my multiselect will be enabled on first load. I want to disabled all on first load but enable all by clicking a button. Thanks.</p>
  
  <pre><code>&lt;div id="multidiv"&gt;    
  &lt;label style="float:left; margin-right:-2px;"&gt;Target Android Device&lt;/label&gt;                                 
      &lt;div class="span5" style="display:inline-block; float:left;"&gt;
          &lt;select id="android" disabled="disabled" multiple="multiple" name="android[]"&gt;
              &lt;option value="Nexus"&gt;Nexus&lt;/option&gt;
              &lt;option value="HTC"&gt;HTC One&lt;/option&gt;
              &lt;option value="Sony"&gt;Sony Xperia&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My javascript code below:</p>
  
  <pre><code>$('#enable_button').on("click",function(){
      $('#multidiv option').prop('disabled', false);
  });
  
  $('#android').multiSelect(); //using "http://loudev.com/" plugin
  </code></pre>