How to load the contents of a static HTML file into a DIV using jQuery?
<p>I have a bunch of static HTML files containing textual data:</p>

<pre><code>/a.html
/b.html
/c.html
</code></pre>

<p>and a select/dropdown box (<code>#loadExternal</code>) on my main page.</p>

<p>Using jQuery, how can I use the <code>onChange</code> event of the select/dropdown to trigger the appropriate external page to be loaded into my <code>container</code> DIV?</p>

<pre><code>&lt;html&gt;

&lt;select id="loadExternal"&gt;
    &lt;option id="a" value="a" selected="selected"&gt;Load a.html&lt;/option&gt;
    &lt;option id="b" value="b"&gt;Load b.html&lt;/option&gt;
    &lt;option id="c" value="c"&gt;Load c.html&lt;/option&gt;
&lt;/select&gt;

&lt;div id="container"&gt;
&lt;/div&gt;

&lt;/html&gt;
</code></pre>
