title: Summation of field values using keyup event
body: <p>I want to calculate the summation of each column using jquery.
  html:</p>
  
  <pre><code>&lt;table id="tab"width="300px" border="1" &gt;
  &lt;tbody&gt;&lt;tr&gt;
      &lt;td width="40px"&gt;1&lt;/td&gt;
      &lt;td&gt;Butter&lt;/td&gt;
      &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;Cheese&lt;/td&gt;
      &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
           &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;Eggs&lt;/td&gt;
      &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
           &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;Milk&lt;/td&gt;
      &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
           &lt;td&gt;&lt;input class="txt" type="text" name="txt"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr id="summation"&gt;
  
      &lt;td colspan="2"align="right"&gt;Sum :&lt;/td&gt;
      &lt;td&gt;&lt;input class="sum" type="text" name="txt"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input class="sum" type="text" name="txt"&gt;&lt;/td&gt;
  &lt;/tr&gt;
       &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>Here I want to adding values(using keyup function) of each column and shows in last row.</p>
  
  <p>fiddle:
  <a href="http://jsfiddle.net/5tgbxy31/2/" rel="nofollow">http://jsfiddle.net/5tgbxy31/2/</a></p>