jQuery 1.4.4, dynamically rendered select doesn't render selected option in IE8
<p>HTML</p>

<pre><code>&lt;div class="ph"&gt;
&lt;/div&gt;
&lt;div class="ph"&gt;
&lt;/div&gt;
</code></pre>

<p>Javascript</p>

<pre><code>$(function(){
    var htmlStr = '\
        &lt;select id="OptionID" name="OptionID"&gt;\
            &lt;option value=""&gt;--- Select ---&lt;/option&gt;\
            &lt;option value="1"&gt;Option 1&lt;/option&gt;\
            &lt;option value="2"&gt;Option 2&lt;/option&gt;\
            &lt;option value="3"&gt;Option 3&lt;/option&gt;\
            &lt;option value="4"&gt;Option 4&lt;/option&gt;\
            &lt;option value="5"&gt;Option 5&lt;/option&gt;\
            &lt;option selected="selected" value="6"&gt;Option 6&lt;/option&gt;\
            &lt;option value="7"&gt;Option 7&lt;/option&gt;\
            &lt;option value="8"&gt;Option 8&lt;/option&gt;\
        &lt;/select&gt;\
        ';

    $(".ph").html(htmlStr);
});
</code></pre>

<p><a href="http://jsfiddle.net/9dtyB/" rel="nofollow">Example JSFiddle</a> - doesn't select Option 6 in IE8, works fine in IE9 and FF. Change the jQuery version to later than 1.4.4 and it starts working. What has changed in jQuery since 1.4.4 for this behavior? Any workaround?</p>

<p>EDIT</p>

<p>Workaround - this works</p>

<pre><code>$(".ph").each(function(){
    $(this).html(htmlStr);
});
</code></pre>

<p><a href="http://jsfiddle.net/9dtyB/1/" rel="nofollow">Workaround JSFiddle</a></p>
