title: Set selected option to multiple select jquery
body: <p>Hi all here's my sample code:      </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="dropdownA"&gt;
      &lt;option val="1"&gt;1&lt;/option&gt;
      &lt;option val="2"&gt;2&lt;/option&gt;
      &lt;option val="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="dropdownB"&gt;
      &lt;option val="1"&gt;1&lt;/option&gt;
      &lt;option val="2"&gt;2&lt;/option&gt;
      &lt;option val="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="dropdownC"&gt;
      &lt;option val="1"&gt;1&lt;/option&gt;
      &lt;option val="2"&gt;2&lt;/option&gt;
      &lt;option val="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>SCRIPT</strong></p>
  
  <pre><code>var indexDropDown = ["A","B","C"];
  for (var i = 0; i &lt; indexDropDown.length; i++) {
      $("#dropdown"+indexDropDown[i]+"  option[value="+i+"]").attr('selected','selected');
      }
  </code></pre>
  
  <p>I would expect that in dropdown A is selected 1, in dropdown B is selected 2 and in dropdown C is selected 3 but nothing happens. Where's the error?
  This is the <a href="http://jsfiddle.net/L7S37/1/" rel="nofollow">fiddle</a></p>
  
  <p>Thanks in advance!      </p>