No repeat selectors with jQuery
<p>I have a drop-down selector and need to load other parts of the form based on selection. </p>

<p>I repeat this selector below a few times and need to make sure that no same options are selected. I suppose I need to run through the selected options of all mySelector and if the option is selected show some error message. Not sure how.</p>

<p>Here's what I've got so far:</p>

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

&lt;select class="mySelector"&gt;
   &lt;option value="selectOne"&gt;Select one&lt;/option&gt;
   &lt;option value="o1"&gt;Car details&lt;/option&gt;
   &lt;option value="o2"&gt;Boat details&lt;/option&gt;
   &lt;option value="o3"&gt;Train details&lt;/option&gt;
   &lt;option value="o4"&gt;Bike details&lt;/option&gt;
   &lt;option value="o5"&gt;Sub details&lt;/option&gt;
&lt;/select&gt;

&lt;div class='fLoad'&gt; &lt;/div&gt;
   &lt;option value="selectOne"&gt;Select one&lt;/option&gt;
   &lt;option value="o1"&gt;Car details&lt;/option&gt;
   &lt;option value="o2"&gt;Boat details&lt;/option&gt;
   &lt;option value="o3"&gt;Train details&lt;/option&gt;
   &lt;option value="o4"&gt;Bike details&lt;/option&gt;
   &lt;option value="o5"&gt;Sub details&lt;/option&gt;

&lt;div class='fLoad'&gt; &lt;/div&gt;

&lt;select class="mySelector"&gt;
   &lt;option value="selectOne"&gt;Select one&lt;/option&gt;
   &lt;option value="o1"&gt;Car details&lt;/option&gt;
   &lt;option value="o2"&gt;Boat details&lt;/option&gt;
   &lt;option value="o3"&gt;Train details&lt;/option&gt;
   &lt;option value="o4"&gt;Bike details&lt;/option&gt;
   &lt;option value="o5"&gt;Sub details&lt;/option&gt;
&lt;/select&gt;

&lt;div class='fLoad'&gt; &lt;/div&gt;
</code></pre>
