need help with jQuery load()
<p>I have a drop-down selector and need to load other parts of the form based on selection. Here's what I've got so far:</p>

<pre><code>$('#mySelector').change(function(){
    var $selectForm = '#' + $(this).val();
    $('#fLoad').load('formParts.html ' + $selectForm );
});

&lt;select id="mySelector"&gt;
   &lt;option value="o1"&gt;Car details
   &lt;option value="o2"&gt;Boat details
   &lt;option value="o3"&gt;Train details
&lt;/select&gt;
</code></pre>

<p>I store parts of the form into an external HTML <strong>formParts.html</strong></p>

<pre><code>&lt;div id="o1"&gt;
    &lt;label for="f1_1"&gt;Car speed&lt;/label&gt;
    &lt;input id="f1_1" type="text"&gt;
    &lt;br&gt;
    &lt;label for="f1_2"&gt;Car color&lt;/label&gt;
    &lt;input id="f1_2" type="text"&gt;
&lt;/div&gt;

&lt;div id="o2"&gt;
    &lt;label for="f2_1"&gt;Boat size&lt;/label&gt;
    &lt;input id="f2_1" type="text"&gt;
    &lt;br&gt;
    &lt;label for="f2_2"&gt;Boat weight&lt;/label&gt;
    &lt;input id="f2_2" type="text"&gt;
&lt;/div&gt;

&lt;div id="o3"&gt;
    &lt;label for="f3_1"&gt;Train length&lt;/label&gt;
    &lt;input id="f3_1" type="text"&gt;
    &lt;br&gt;
    &lt;label for="f3_2"&gt;Train cargo&lt;/label&gt;
    &lt;input id="f3_2" type="text"&gt;
&lt;/div&gt;
</code></pre>

<p>It seem to load the part but only the first div regardless of my selection. What am I missing?</p>
