How can I use jQuery to tally up the total count of the values in my columns?
<p>The Created column should have "7" for the Total row. The Redeemed column should have "6" for the total row. Sometimes, there will only be two months of rows or there could be ten rows. How can I total the values up and stick them in the last row of the table using jQuery?</p>

<pre><code>&lt;table cellspacing="0" rules="all" border="1" id="DataGrid2" style="border-collapse:collapse;"&gt;
&lt;tbody&gt;&lt;tr&gt;
    &lt;td&gt;CreationDate&lt;/td&gt;&lt;td&gt;Created&lt;/td&gt;&lt;td&gt;Redeemed&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
    &lt;td&gt;August 2011&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;6&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
    &lt;td&gt;July 2011&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
    &lt;td&gt;June 2011&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
    &lt;td&gt;Total&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p></p>

<p><strong>Image:</strong> 
<img src="http://i.stack.imgur.com/np5I6.png" alt="enter image description here"></p>
