title: jQuery: selecting each td in a tr
body: <p>I need a way to interact with each <code>td</code> element in a <code>tr</code>. </p>
  
  <p>To elaborate, I would like to access the first table row, then the first column, then the second column, etc. Then move onto the second row and repeat the process.</p>
  
  <p>Something like this (pseudo-code):</p>
  
  <pre><code>for each row in table
  {
    for each column in row
    {
      do cool things
    }
  }
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('#tblNewAttendees tr').each(function() {
    alert('tr');
    //Cool jquery magic that lets me iterate over all the td only in this row
    $(magicSelector).each(function(){
      alert('hi');
    });
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
       &lt;thead&gt;
            &lt;th&gt;someHeader&lt;/th&gt;
       &lt;/thead&gt;
       &lt;tbody&gt;
            &lt;tr&gt;
                 &lt;td&gt;want to grab this first&lt;/td&gt;
                 &lt;td&gt; this second &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                 &lt;td&gt;this third&lt;/td&gt;
                 &lt;td&gt;this fourth&lt;/td&gt;
            &lt;/tr&gt;
       &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>