Loading into appropriate child with jQuery
<p>I use drop-down selector to load matching section from an external file into the table cell in a row below selector. I can't seem to be able to target it properly. I thought that nextAll() would do the trick but it doesn't. What else shall I try?  </p>

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

&lt;table&gt;
&lt;tr&gt;
    &lt;td&gt;
    &lt;select class="mySelector"&gt;
       &lt;option value="o1"&gt;Car details&lt;/option&gt;
       &lt;option value="o2"&gt;Bike details&lt;/option&gt;
       &lt;option value="o3"&gt;Boat details&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td class='fLoad'&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;
    &lt;select class="mySelector"&gt;
       &lt;option value="o1"&gt;Car details&lt;/option&gt;
       &lt;option value="o2"&gt;Bike details&lt;/option&gt;
       &lt;option value="o3"&gt;Boat details&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td class='fLoad'&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;   
&lt;/table&gt;
</code></pre>
