title: get previous selected dropdown item
body: <p>i have the following code where i have a dropdown list (with class="<strong>addToList</strong>" and followed by a button (Class="<strong>addtoButton</strong>"):</p>
  
  <p>When i click on the button, i want to grab the current selected value and text from the previous dropdown list.</p>
  
  <pre><code>$(".addToPortalButton").live('click', function (e) {
  
  // grab the previous dropdown list value and text here.
  
  });
  </code></pre>
  
  <p>what is the easiest way to doing this using jquery.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;select class="addToList" id="Teams" name="Teams"&gt;
       &lt;option&gt;&lt;/option&gt;
      &lt;option value="49"&gt;Team 1&lt;/option&gt;
      &lt;option value="22"&gt;Team 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type='button' class="addToButton" value='Add to' /&gt;
  
  &lt;select class="addToList" id="Teams" name="Teams"&gt;
       &lt;option&gt;&lt;/option&gt;
      &lt;option value="49"&gt;Team 1&lt;/option&gt;
      &lt;option value="22"&gt;Team 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type='button' class="addToButton" value='Add to' /&gt;
  
  &lt;select class="addToList" id="Teams" name="Teams"&gt;
       &lt;option&gt;&lt;/option&gt;
      &lt;option value="49"&gt;Team 1&lt;/option&gt;
      &lt;option value="22"&gt;Team 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type='button' class="addToButton" value='Add to' /&gt;
  </code></pre>