title: How to sum selected rows in table using jQuery?
body: <p>There is a table</p>
  
  <pre><code>SUM | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
      | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
      | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
  SUM | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
      | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
  FOO | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
  BAR | &lt;input type="text"&gt; | &lt;input type="text"&gt; |
  </code></pre>
  
  <p>I want to get sum of columns below "SUM row" when input value is changed. 
  If there is other column ex FOO BAR it shouldn't be count to sum.</p>
  
  <p>What is aproach here? Dummy idea: every column has reference where it value will be summed.</p>
  
  <p>Fiddle for quick start:
  <a href="http://jsfiddle.net/igos/vNxzu/" rel="nofollow">http://jsfiddle.net/igos/vNxzu/</a></p>
  
  <p><strong>EDIT</strong>
  It should sum up till next sum row right.</p>
  
  <pre><code>row 0 col 0  = row 1 col 0  + row 2 col 0
  row 0 col 1  = row 1 col 1  + row 2 col 1
  row 3 col 0  = row 4 col 0
  row 3 col 1  = row 4 col 1
  </code></pre>
  
  <p>It should be dynamic, so when more rows come it will automatically add more rows.</p>