title: jQuery sum child table row cells to parent row
body: <p>I have an HTML table that is similar to this simplified example:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;th&gt;Player&lt;/th&gt;&lt;th&gt;Score&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Jack&lt;/td&gt;&lt;td&gt;7&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="parent"&gt;Green Team&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Mark&lt;/td&gt;&lt;td&gt;11&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Tom&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Steven&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Greg&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="parent"&gt;Blue Team&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Joe&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Jill&lt;/td&gt;&lt;td&gt;12&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Rachel&lt;/td&gt;&lt;td&gt;9&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to code the necessary jQuery to iterate through all child rows of a parent, sum the scores, and insert the sum to the parent's score cell. The rows that are not associated with a parent should be skipped/ignored.</p>
  
  <p>After the jQuery code executes, the above table should be transformed into this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;th&gt;Player&lt;/th&gt;&lt;th&gt;Score&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Jack&lt;/td&gt;&lt;td&gt;7&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="parent"&gt;Green Team&lt;/td&gt;&lt;td&gt;16&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Mark&lt;/td&gt;&lt;td&gt;11&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Tom&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Steven&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Greg&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="parent"&gt;Blue Team&lt;/td&gt;&lt;td&gt;31&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Joe&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Jill&lt;/td&gt;&lt;td&gt;12&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td class="child"&gt;Rachel&lt;/td&gt;&lt;td&gt;9&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I'm not sure the best way to solve this. Any ideas?</p>