title: Why is select only showing first character of option text in IE 9
body: <p>Select only showing first character of option text in IE 9</p>
  
  <p>Using click on div event adding option, only the first character is shown.</p>
  
  <p>The problem occurs in IE 9. FF and Chrome is doing it ok.</p>
  
  <p>Works in JQuery 1.3.2 but not above.</p>
  
  <p>Please see this jsfiddle: <a href="http://jsfiddle.net/q5F2r/25/" rel="nofollow">http://jsfiddle.net/q5F2r/25/</a></p>
  
  <p>Or </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button type="button" id="btn"&gt;insert option&lt;/button&gt;&lt;div id="container"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$(document).ready(function () {
      $("#container").append("&lt;select class='category-select root' style='width:100px' /&gt;");  
      $("#btn").click(function(){    
         $(".root").append("&lt;option&gt;none&lt;/option&gt;");
      });
  });
  </code></pre>