title: Get the id of clicked option in a select
body: <pre><code>HTML:
  &lt;select id="leftpane" size="10"&gt;
      &lt;option id="1" value="one"&gt;One&lt;/option&gt;
      &lt;option id="2" value="two"&gt;Two&lt;/option&gt;
  &lt;/select&gt;
  
  jQuery:
  $("#leftpane").click(function () {
      alert(this.id);
  });
  </code></pre>
  
  <p>In the above code, if I click an item, it will display the id of the select that is "leftpane".  What I want is the id of the option that was clicked.  I can easily get the value:</p>
  
  <pre><code>alert($(this).val());
  </code></pre>
  
  <p>But how do I get the id of the option clicked?</p>