title: Get values from table row
body: <p>From the table below is it possible get total values for each sport using <strong>Javascript/jquery/jquery-plugins</strong> for example:</p>
  
  <blockquote>
    <p>football:2
        cricket: 1
        Tennis:2</p>
  </blockquote>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;table style="width:100%"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
      &lt;td&gt;first name&lt;/td&gt;
      &lt;td&gt;last name&lt;/td&gt;      
      &lt;td&gt;sport&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
    &lt;tr&gt;
      &lt;td&gt;Bob&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt;      
      &lt;td&gt;football&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Dan&lt;/td&gt;
      &lt;td&gt;Jackson&lt;/td&gt;        
      &lt;td&gt;cricket&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Will&lt;/td&gt;
      &lt;td&gt;Rie&lt;/td&gt;        
      &lt;td&gt;Tennis&lt;/td&gt;
    &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Tom&lt;/td&gt;
      &lt;td&gt;Lawrence&lt;/td&gt;       
      &lt;td&gt;Tennis&lt;/td&gt;
    &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;John&lt;/td&gt;
      &lt;td&gt;croft&lt;/td&gt;      
      &lt;td&gt;football&lt;/td&gt;
    &lt;/tr&gt;
  
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have tried using Jquery <code>.size()</code> and <code>.count()</code> but didn't get it to work. Any advice will be helpful!</p>