jQueryセレクタロジックをデバッグするのに助けが必要

Question

私はドロップダウンセレクタを持っており、選択に基づいてフォームの他の部分をロードする必要があります。同じオプションが選択されていないことを確認する必要があります。 @Mike Ruhlinの提案に基づいて検証する試みです。それでも動作しませんが、私はかなり近いように感じます。また、私の論理が壊れていることに気づいた。 1つのオプションを選択することによって、以下の3つのすべてが同じものを表示します。各選択は、すぐ下の1つの選択だけをロードする必要があります。

私はここで何が欠けていますか？

$('.mySelector').change(function(){ 

     var selectForm = '.' + $(this).val();   

     if (selectForm != '.selectOne') { 
      // check for dupe selections 
      var alreadyUsed = {}; 

      $("select").each(function(){ 

       var thisVal = $(this).val(); 

       if(alreadyUsed[thisVal]){ 
        // found a dupe 
        alert('already used'); 
       } 

       $('div').next('.fLoad').load('formParts.html ' + $selectForm); 

      }); 
     } 
}); 

<select class="mySelector"> 
    <option value="selectOne">Select one</option> 
    <option value="o1">Car details</option> 
    <option value="o2">Boat details</option> 
    <option value="o3">Train details</option> 
    <option value="o4">Bike details</option> 
    <option value="o5">Sub details</option> 
</select> 

<div class='fLoad'> </div> 

<select class="mySelector"> 
    <option value="selectOne">Select one</option> 
    <option value="o1">Car details</option> 
    <option value="o2">Boat details</option> 
    <option value="o3">Train details</option> 
    <option value="o4">Bike details</option> 
    <option value="o5">Sub details</option> 
</select> 

<div class='fLoad'> </div> 

<select class="mySelector"> 
    <option value="selectOne">Select one</option> 
    <option value="o1">Car details</option> 
    <option value="o2">Boat details</option> 
    <option value="o3">Train details</option> 
    <option value="o4">Bike details</option> 
    <option value="o5">Sub details</option> 
</select> 

<div class='fLoad'> </div>