title: Changing .html() of <option> resets selectedIndex property of <option> from '-1' to '0'
body: <p>Using jQuery when changing <code>.html()</code> of an <code>&lt;option&gt;</code> inside a <code>&lt;select&gt;</code> (Which I had previously set <code>selectedIndex</code> property to <code>-1</code>) resets <code>selectedIndex</code> property of <code>&lt;select&gt;</code> from '<code>-1</code>' to '<code>0</code>'</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="//code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;select id="myselect" class="drpmnu"&gt;
  
     &lt;option id="one" &gt;(01)&lt;/option&gt;
  
     &lt;option id="two" &gt;(02)&lt;/option&gt;
  
     &lt;option id="three" &gt;(03)&lt;/option&gt;
  
  &lt;/select&gt;
    &lt;script&gt;
      $(".drpmnu").prop('selectedIndex', -1)
      $('#three').html("moo")
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://jsbin.com/filowe/2/edit?html,output" rel="noreferrer">http://jsbin.com/filowe/2/edit?html,output</a></p>