title: jQuery "chosen": conflict with 'selected' attribute in option tag
body: <p>I'm having trouble getting my jQuery snippet to work properly due to a 'conflict' with the jQuery plugin <a href="http://harvesthq.github.io/chosen/" rel="nofollow">'chosen'</a>. I'm using Wordpress in case that matters.</p>
  
  <p>I want to set the <code>selected</code> attribute in several <code>&lt;option&gt;</code> tags, using</p>
  
  <pre><code>jQuery( document ).ready(function() {
  var arr = ["1", "2"];
  jQuery("#location option").each(function () {
      if (jQuery.inArray(jQuery(this).val(), arr) != -1) {
          jQuery(this).prop('selected', true);
      };
  });
  });
  </code></pre>
  
  <p><strong>html output</strong></p>
  
  <pre><code> &lt;select name="location[]" multiple="multiple" id="location" class="postform" style="display: none;"&gt;
          &lt;option value="-1"&gt;Select a location&lt;/option&gt;
          &lt;option class="level-0" value="1"&gt;Location A&lt;/option&gt;
          &lt;option class="level-0" value="2"&gt;Location B&lt;/option&gt;
          &lt;option class="level-0" value="3"&gt;Location C&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>I feel like I'm providing to little details here to solve the issue, but I'm unsure what additional code to post here.</p>
  
  <p>When disabling (not enqueueing) the <code>chosen</code> plugin (<code>chosen.jquery.min.js</code>), everything works fine. Still, I would like the <code>chosen</code> plugin to work.</p>