title: How do I remove a <select> option once it's been chosen using jQuery?
body: <p>I'm trying to make it so that once the dropdown option is selected, it'll be removed from the menu, and then once another one is selected the previous removed option will get returned to the menu. Is there a way to do this using jQuery?</p>
  
  <p>I'm new to jQuery and JavaScript, so I'm not too sure what I'm doing, and all my poking around has only further broken code. Thanks!</p>
  
  <p>For reference, this is what my HTML looks like:</p>
  
  <pre><code>&lt;div class="FlightList"&gt;
                      &lt;select id="departureFlightsControl"&gt;
                          &lt;option value="default"&gt;No flight chosen&lt;/option&gt;
                          &lt;option value="20121113 17:37:00"&gt;November 13, 2012 (5:37pm) - $137.38&lt;/option&gt;
                          &lt;option value="20121119 05:11:00"&gt;November 19, 2012 (5:11am) - $121.05&lt;/option&gt;
                          &lt;option value="20121124 19:41:00"&gt;November 24, 2012 (7:41pm) - $182.44&lt;/option&gt;
                          &lt;option value="20121208 08:22:00"&gt;December 8, 2012 (8:22am) - $140.75&lt;/option&gt;
  </code></pre>
  
  <p>and so on, with more options. Once an option other than default is selected, it is populated down to a "flight information" div, that has a small "X" div "button" to clear it. I want the X button to return it to the list.</p>