title: how to track when user presses enter on a drop down list option with jQuery?
body: <p>I have a HTML form with a drop down list. I want to get the selected drop down value when the user select an option by arrow keys and presses enter key on one of the drop down options</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;select&gt;
    &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
    &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
    &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When the user selects <code>Mercedes</code> and presses enter I want to get that value. I can get that value by </p>
  
  <pre><code>$('option').live('click',function(){
  
  var text = $(this)
  
  });
  </code></pre>
  
  <p>but I want to get it when they press the <code>enter</code> key </p>