title: Sum column values in table
body: <p>I am trying to sum the values of the "Total Work Assigned" and "Not Called" columns.</p>
  
  <p>Here is my <code>table</code> HTML</p>
  
  <pre><code>&lt;table border=1 id="category"&gt;
      &lt;tr&gt;
          &lt;th&gt;User Name&lt;/th&gt;
          &lt;th&gt;User Belongs&lt;/th&gt;
          &lt;th&gt;Total Work Assigned&lt;/th&gt;
          &lt;th&gt;Not Called&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;vidyaranyapura&lt;/td&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;172&lt;/td&gt;
          &lt;td&gt;156&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;sahasra&lt;/td&gt;
          &lt;td&gt;Company&lt;/td&gt;
          &lt;td&gt;500&lt;/td&gt;
          &lt;td&gt;350&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;global&lt;/td&gt;
          &lt;td&gt;Not Assigned&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>here is snippet</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#category tr td').text(function(i,el){
     console.log(parseInt(el,10));
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;table border=1 id="category"&gt;
      &lt;tr&gt;
          &lt;th&gt;User Name&lt;/th&gt;
          &lt;th&gt;User Belongs&lt;/th&gt;
          &lt;th&gt;Total Work Assigned&lt;/th&gt;
          &lt;th&gt;Not Called&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;vidyaranyapura&lt;/td&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;172&lt;/td&gt;
          &lt;td&gt;156&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;sahasra&lt;/td&gt;
          &lt;td&gt;Company&lt;/td&gt;
          &lt;td&gt;500&lt;/td&gt;
          &lt;td&gt;350&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;global&lt;/td&gt;
          &lt;td&gt;Not Assigned&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;h3&gt;MY EXPECTED OUTPUT&lt;/h3&gt;
  &lt;table border=1 id="same_id_wont_work_changed_for_demo_only"&gt;
      &lt;tr&gt;
          &lt;th&gt;User Name&lt;/th&gt;
          &lt;th&gt;User Belongs&lt;/th&gt;
          &lt;th&gt;Total Work Assigned&lt;/th&gt;
          &lt;th&gt;Not Called&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;vidyaranyapura&lt;/td&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;172&lt;/td&gt;
          &lt;td&gt;156&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;sahasra&lt;/td&gt;
          &lt;td&gt;Company&lt;/td&gt;
          &lt;td&gt;500&lt;/td&gt;
          &lt;td&gt;350&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;global&lt;/td&gt;
          &lt;td&gt;Not Assigned&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
          &lt;td&gt;0&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;672&lt;/td&gt;
          &lt;td&gt;506&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>jsfiddle for my expected output:  <a href="https://jsfiddle.net/2g29c8uv/16/" rel="nofollow noreferrer">https://jsfiddle.net/2g29c8uv/16/</a></p>