title: Change specific td value
body: <p>I have a table where there is a row with td of quantity, price and total
  When I provide the quantity and price the total automatically generates...</p>
  
  <p>I have another function which append a blank row to the previous row. But the problem is the previous total is coming here as well.. How can I identify separate rows and change the value according to the specific row?</p>
  
  <p>Here's my code..</p>
  
  <p>Jquery</p>
  
  <pre><code>$(document).ready(function(){
      $("#quant, #prc").blur(function(){
          var quants = $("#quant").val();
          var prc = $("#prc").val();
          var tot_field = $("#tot").val();
          var tot  = quants * prc;
          $('#tot').html(tot);
      })
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>    &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input id="quant" class="orderquan" value="0" type="text" /&gt;
              &lt;/td&gt;
  
          &lt;td id="mrp"&gt;
                  &lt;input id="prc" class="orderinput" value="0" type="text" /&gt;
              &lt;/td&gt;
  
              &lt;td&gt;
                 &lt;span id="tot" class="orderquan"&gt;&lt;/span&gt;
          &lt;/td&gt;
              &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>By doing this only first row is working perfectly but others don't.. I have to add some index associated with each row but i don't know how to do that...</p>