title: JQuery - Dropdown selection needs to reset only dropdowns with same value selected
body: <p>I have a series of dropdowns as column headers with values like 'name', 'address', 'phone', etc. Client data will be loaded into the rows and users can then select the correct field from each dropdown column header to map their data. </p>
  
  <p>What I want to do is allow only one instance of an option to be selected at a time. For example, if the user has selected 'name' from the first column dropdown, and then they change their minds and select 'name' from the second column dropdown, the first dropdown should revert to the default 'pick something' option value. </p>
  
  <p>With the following, if a user sets a value on any column, it will reset all the other columns:</p>
  
  <pre><code>$('select').change(function(){
      $('select').not(this).val('0');
  });
  </code></pre>
  
  <p>But I want to only reset the columns with $(this).val() selected. I've tried using this but it doesn't do anything: </p>
  
  <pre><code>$('select').change(function(){
      $('select option[value='+ $(this).val() +']').not(this).val('0');
  });
  </code></pre>
  
  <p>This also failed:</p>
  
  <pre><code>$('select').change(function(){
      $('select').not(this).find('option[value='+ $(this).val() + ']').val('0');
  });
  </code></pre>
  
  <p>Any ideas? Thank you!</p>
  
  <p>Here's the html -- the number of dropdowns is variable depending on client data uploaded:</p>
  
  <pre><code>&lt;select class="fun" id="field1" name="col[]"&gt;             
    &lt;option value="0" selected&gt;- Please select a field -&lt;/option&gt;
    &lt;option value="1"&gt;Name&lt;/option&gt;
    &lt;option value="2"&gt;Address&lt;/option&gt;
    ...
  &lt;/select&gt;
  
  &lt;select class="fun" id="field2" name="col[]"&gt;             
    &lt;option value="0" selected&gt;- Please select a field -&lt;/option&gt;
    &lt;option value="1"&gt;Name&lt;/option&gt;
    &lt;option value="2"&gt;Address&lt;/option&gt;
    ...
  &lt;/select&gt;
  </code></pre>