jQuery: sum up multiple inputs in table rows
<p>I have an order form for products, that are available in different sizes.
So for every product there is one input for each size with the sum at the end of the row.
I reality I have about 500 rows.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
  &lt;tr&gt;
    &lt;th&gt;Product&lt;/th&gt;
    &lt;th&gt;Size 1&lt;/th&gt;
    &lt;th&gt;Size 2&lt;/th&gt;
    &lt;th&gt;Size 3&lt;/th&gt;
    &lt;th&gt;TOTAL&lt;/th&gt;
   &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;A&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productA"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productA"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productA"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;B&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productB"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productB"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productB"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;C&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productC"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productC"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" class="productC"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
   &lt;/tr&gt;
 &lt;/table&gt;</code></pre>
</div>
</div>
</p>

<p>I tried several ways but it never wanted to work. I only succeeded in calculating ALL inputs at once but not only for one single row separately. </p>

<p>I want to calculate the sum of each row in the last <code>td</code> everytime the input changes.</p>

<p>Has anyone an idea how I could solve this?</p>