title: Get all <td> values of <tr> to give row totals in JQuery
body: <p>I have a series of <code>&lt;tr&gt;</code>s in a <code>table</code> I am trying to get row totals for by getting and adding all the <code>td</code> values. I am working in the console log and I get an array of td cells like:</p>
  
  <pre><code>[&lt;td class="_3"&gt;4&lt;/td&gt;, &lt;td class="_3"&gt;8&lt;/td&gt;, ...] 
  </code></pre>
  
  <p>The table html is </p>
  
  <pre><code> &lt;tr class="_3 table-side-row"&gt;
      &lt;td class="_3"&gt;4&lt;/td&gt;
      &lt;td class="_3"&gt;8&lt;/td&gt;
      ...
   &lt;/tr&gt;
  </code></pre>
  
  <p>My Jquery </p>
  
  <pre><code>$('#table1 .table-side-row ._3').each(function () {
      // initialize row count
      var sum = 0;
      //find the td value in current row and sum it
      $(this).find('td').each(function () {
          var cell = $(this).html(); // also tried val() here
              sum += parseInt(cell);
  
      });
      // alert row total
      alert(sum);
  });
  </code></pre>
  
  <p>This alerts <code>0</code> a lot of times. If I call alert inside the second loop it never is raised. So my 2nd loop must be wrong, but I'm unsure why?</p>