title: Update total in table row with jquery
body: <p>I have a table</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" name="quantity" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="price" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="total" disabled /&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" name="quantity" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="price" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="total" disabled /&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" name="quantity" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="price" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="total" disabled /&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" name="quantity" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="price" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="total" disabled /&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I update the total input field when a change in quantity or price happens?</p>
  
  <p>I have thought of something like</p>
  
  <pre><code>$('table tbody tr td').filter(':nth-child(1), :nth-child(2)').children('input').change(function() {
      $(this).parent('td').siblings('td').filter(':nth-child(3)').val(?);
  });
  </code></pre>
  
  <p>but it seems a bit unhandy.</p>