add elements to select html tag with jquery at runtime
<p>I have a select tag that looks like that:</p>

<pre><code>&lt;select name="MySelect"&gt;&lt;/select&gt;
</code></pre>

<p>At runtime, I have a javascript function that composes some HTML and returns a string that looks like this:</p>

<pre><code>TheOptions = &lt;option&gt;Option 1&lt;/option&gt;&lt;option&gt;Option 2&lt;/option&gt;&lt;option&gt;Option 3&lt;/option&gt;
</code></pre>

<p>I want to add these to the select tag and so far I have:</p>

<pre><code>$('#MySelect').html(TheOptions);
</code></pre>

<p>However, when the code executes, it doesn't load the options in the selector.
Any suggestions would be helpful.</p>

<p>Thanks.</p>
