title: Set selected option in dropdown using jQuery not working on IE
body: <p>I have two dropdown lists created dynamically and I'm trying to set the default "selected" option using jQuery. It works perfectly in Chrome, but I can't get it to work in IE9.</p>
  
  <p>This what I've tried so far:
  JS</p>
  
  <pre><code> $("#dropdown").append($('&lt;option&gt;', {
                  value: 'All',
                  text: 'All'
              })).prepend($('&lt;option&gt;', {
                  value: 'Select Fiscal Year',
                  text: 'Select Fiscal Year',
                  select: 'selected'
              }));
    $("#dropdownRO").prepend($('&lt;option&gt;', {
                  value: 'Select RO',
                  text: 'Select RO'
              })).attr("selected", true).append($('&lt;option&gt;', {
                  value: 'All',
                  text: 'All'
              }));
  </code></pre>
  
  <p>As you can see I tried different ways for each dropdown to see which one worked. I also tried to use <code>.attr("selected", "selected")</code>, but the same. Is there anything I'm missing that would make this simple thing work in IE? Thanks!</p>