title: JQuery .selectedIndex = 0; not working on all selected field
body: <pre><code>&lt;select name="wpcf-others" id="abc" class="myzebra-control myzebra-select"&gt;
  &lt;option value="wpcf-field123"&gt;General Work Jobs&lt;/option&gt;
  &lt;option value="wpcf-fields--1"&gt;Journalist/Editors Jobs&lt;/option&gt;
  &lt;option value="wpcf-4868b877-1"&gt;Publishing Jobs&lt;/option&gt;
  &lt;option value="wpcf-fields-2fb08-1"&gt;Others Jobs&lt;/option&gt;
  &lt;/select&gt;
  &lt;select name="wpcf-otsdrs" id="abc" class="myzebra-control myzebra-select"&gt;
  &lt;option value="wpcf-field123"&gt;General Work Jobs&lt;/option&gt;
  &lt;option value="wpcf-fields--1"&gt;Journalist/Editors Jobs&lt;/option&gt;
  &lt;option value="wpcf-4868b877-1"&gt;Publishing Jobs&lt;/option&gt;
  &lt;option value="wpcf-fields-2fb08-1"&gt;Others Jobs&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Js code</p>
  
  <pre><code>jQuery(function ($) {
  $("select").prepend('&lt;option value=""&gt;- select -&lt;/option&gt;');
  $("select")[0].selectedIndex = 0;
  });
  </code></pre>
  
  <p>The Jscode above prepend the value to - select - successfully, but only make the first dropdown selection to "- select -"</p>
  
  <p><a href="http://jsfiddle.net/J7PhF/7/" rel="nofollow">http://jsfiddle.net/J7PhF/7/</a></p>
  
  <p>What should i do to make all select field to select "- select -" ?</p>