Slow creating Select List with Ajax in ie 8
<p>I'm creating a select List from a getJson call.</p>

<p>in firefox / chrome the select list is generated very quickly but in ie (tested in ie8) it takes some seconds to create the options.</p>

<p>There is approx 2000 options being added to the select list</p>

<p>My code is below</p>

<pre><code>function getPractitioners(practID, selectID) {
    selectID = '#' + selectID;
    $.getJSON("/practitioner/getPractitioners", { practID: practID }, function (fooList) {
        $(selectID).empty();
        $.each(fooList, function (i, foo) {
            if (foo.profID == practID) {
                $(selectID).append(('&lt;option value=\'' + foo.profID + '\' selected=\'selected\'&gt;' + foo.display + '&lt;/option&gt;'));
                }
            else
            {
                $(selectID).append(('&lt;option value=\'' + foo.profID + '\' &gt;' + foo.display + '&lt;/option&gt;'));
            }
        });
        $(selectID).trigger("liszt:updated");
    });
}
</code></pre>

<p>Can anybody suggest anything to improve this?</p>

<p>Previously I was adding the options like </p>

<pre><code>$(selectID).append(("&lt;option&gt;&lt;/option&gt;").attr("value", foo.profID).attr("selected", "selected").text(foo.display));
</code></pre>

<p>but changing this did not improve the performance.</p>

<p>Thank you in advance.</p>
