title: Why isn't .prop("selected",true) not working when .attr() or .addClass() does?
body: <p>I have a script that replaces a select box with a set of styled divs by hiding the select box and targeting it when the user clicks a "fake" div. I'm targeting the selected item like this:</p>
  
  <pre><code>targetSelect.eq(optionIndex).prop('selected');
  </code></pre>
  
  <p><code>optionIndex</code> is the index of the selected div as it corresponds to the hidden select box option.</p>
  
  <p>The above line does not add "selected" to the target option. I know I'm targeting the correct one since <code>targetSelect.eq(optionIndex).addClass('selected');</code> will add that class and <code>targetSelect.eq(optionIndex).attr('selected',"true");</code> sets a selected attribute to true.</p>
  
  <p>I've also tried:</p>
  
  <pre><code>targetSelect.prop('selectedIndex',optionIndex);
  </code></pre>
  
  <p>but that doesn't work either.</p>