Jquery get selected text and value from selectlist optgroup
<p>I need to get the selected text and value from the optGroup selectList below on the click of a button.  So something like?</p>

<pre><code>      $("#addButton").click(function () {

     var selected = ???
});          


  &lt;select name="list"&gt;
    &lt;optgroup label="mammals"&gt;
      &lt;option&gt;dog&lt;/option&gt;
      &lt;option&gt;cat&lt;/option&gt;
      &lt;option&gt;rabbit&lt;/option&gt;
      &lt;option&gt;horse&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label="reptiles"&gt;
      &lt;option&gt;iguana&lt;/option&gt;
      &lt;option&gt;snake&lt;/option&gt;
    &lt;/optgroup&gt;
  &lt;/select&gt;
</code></pre>
