title: Dynamic Table Quantity update Javascript
body: <p>I was trying to update my quantity inside a table where list of rows are there. But i want to get the specific row with the quantity. </p>
  
  <pre><code> &lt;td class="qty"&gt;
     &lt;div class="quantity-spinner"&gt;
        &lt;input type="number" name="product"  class="prod_qty" value="{{$food-&gt;quantity}}" data-id="{{$food-&gt;id}}" /&gt;     
     &lt;/div&gt;
   &lt;/td&gt;
  </code></pre>
  
  <p>// This is inside a loop so multiple row can be created.</p>
  
  <p>javascript i have used :</p>
  
  <pre><code>$(":input").bind('keyup mouseup', function () {
     var qty = $('.prod_qty').val()
     var food_id =  $('.prod_qty').attr("data-id")
  });
  </code></pre>
  
  <p>But the problem is I got always first row food_id &amp; qty not the specific one i wanted to update. How can i that specific row value?</p>