Getting closest input value from clicked element with jQuery
<p>I have the following markup:</p>

<pre><code>&lt;div class="options"&gt;
  &lt;div class="quantity"&gt;
     &lt;label&gt;Qty:&lt;/label&gt;
     &lt;input type="text" name="quantity" value="1"/&gt;
  &lt;/div&gt;
  &lt;div class="buttons"&gt;
    &lt;a href="#" class="add"&gt;Add Item&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have a click event binded to the 'add' class using jQuery.  When I click that, I'd like to get the value of name="quantity", but there are several places that 'add' is clicked and several quantity fields. </p>

<p>I'm trying to get the 'closest' input value.  I've tried using 'closest' and 'findall' , but no luck.</p>

<p>Any idea how I can get this using jQuery? Thank you!</p>
