title: Using jQuery to add class to first TD on each table row
body: <p>I have a table I'm working with that is like such:</p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" id="tablecontent"&gt;
    &lt;tr class="tablerow"&gt;
      &lt;td&gt;This is the td I want to add a class to.&lt;/td&gt;
      &lt;td class="cell2"&gt;Stuff&lt;/td&gt;
      &lt;td class="cell3"&gt;Stuff&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="tablerow"&gt;
      &lt;td&gt;This is the td I want to add a class to.&lt;/td&gt;
      &lt;td class="cell2"&gt;Stuff&lt;/td&gt;
      &lt;td class="cell3"&gt;Stuff&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The first TD tag in each row does not have a class or ID to work with. I don't have access to change the HTML output so I figured to add in a bit of jQuery to target the first TD tag of each tablerow. How would I do this?</p>