title: Getting closest input value from clicked element with jQuery
body: <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>