title: Hide option from dropdown 2 when selected in dropdown 1
body: <p>I have two dropdowns, both have the same items in them. If an option is selected in dropdown 1 then I would like to hide that option in dropdown 2. When it is unselected in dropdown 1 I would like it to appear again in dropdown 2 and whichever option is then selected to then be hidden in dropdown 2. I am trying to have this exclude the blank option in the first index.</p>
  
  <p>Here is a codepen that I started, but I am not sure where to go from here:</p>
  
  <p><a href="http://codepen.io/cavanflynn/pen/EjreJK" rel="nofollow">http://codepen.io/cavanflynn/pen/EjreJK</a></p>
  
  <pre><code>    var $dropdown1 = $("select[name='dropdown1']");
      var $dropdown2 = $("select[name='dropdown2']");
  
      $dropdown1.change(function () {
          var selectedItem = $($dropdown1).find("option:selected").val;
  });
  </code></pre>
  
  <p>Thanks for your help!</p>