title: jQuery - Remove a drop down item if it is selected by user
body: <p>I have 4 drop down lists with a list of teams in drop down list taken from a database. I've put the code for the drop down lists below, I apologise it is written in JADE's template engine for HTML but this is how I've written the code. I have put my current jQuery script below as well.</p>
  
  <p>At the moment, it sort of works, if I go from team 1 through to team 4 and select a team, then it works, but if I change my mind for one of the drop downs...then the whole list messes up as it has already removed certain items...</p>
  
  <p>If I enter a team in team1, it should disappear from the rest of the lists....but if I change team 1, the team should appear in the rest of the lists again, but it doesnt at the moment.</p>
  
  <p>Any ideas how to fix this?</p>
  
  <p>JADE drop downs:</p>
  
  <pre><code>div.row
      label.control-label(for="team1") Team 1:
      div.controls
          select#team1(style='width: 160px;')
              include teamsDropDown
  div.row
      label.control-label(for="team2") Team 2:
      div.controls
          select#team2(style='width: 160px;')
              include teamsDropDown
  div.row
      label.control-label(for="team3") Team 3:
          div.controls
              select#team3(style='width: 160px;')
                  include teamsDropDown
  div.row
          label.control-label(for="team4") Team 4:
              div.controls
                  select#team4(style='width: 160px;')
                      include teamsDropDown
  </code></pre>
  
  <p>teamsDropDown JADE:</p>
  
  <pre><code>-if(teamsList.length &gt; 0){
      option
      -each team in teamsList
      option.teamDropDown(id="#{team.key}",value="#{team.key}") #{team.name}
  -}else{
      No teams till now..
  -}
  </code></pre>
  
  <p>jQuery script:</p>
  
  <pre><code>script(type='text/javascript')
  $('select').change(function() {
   $('select').not(this).children('option[value=' + $(this).val() + ']').remove();
  });  
  </code></pre>
  
  <p>JFiddle:</p>
  
  <p><a href="http://jsfiddle.net/m8QCZ/" rel="nofollow">http://jsfiddle.net/m8QCZ/</a></p>