title: jquery button onclick get parent select option selected
body: <p>I am trying to get the value of a parent  when clicking a button:</p>
  <p>The HTML part:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;td&gt;
      &lt;select&gt;
          &lt;option value='2' &gt;Administrator&lt;/option&gt;
          &lt;option value='3' selected='selected'&gt;Webmaster&lt;/option&gt;
          &lt;option value='4' &gt;Editor&lt;/option&gt;
          &lt;option value='5' &gt;Journalist&lt;/option&gt;
      &lt;/select&gt;
  &lt;/td&gt;
  &lt;td&gt;
      &lt;div class='save'&gt;Save&lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  <p>The JavaScript part:</p>
  <pre class="lang-js prettyprint-override"><code>$('.save').click( function() {
      level = $(this).parent('select option:selected').val();
      alert(level);
  });
  </code></pre>