title: Jquery get selected text and value from selectlist optgroup
body: <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>