title: Update Table Cell Data w/jQuery
body: <p>This is my table format.</p>
  
  <pre><code>&lt;table id="table1"&gt;
   &lt;tr id="row_1"&gt;
    &lt;th&gt;Some Heading&lt;/th&gt;
    &lt;td class="t1"&gt;&lt;/td&gt;
    &lt;td class="t2"&gt;&lt;/td&gt;
    &lt;td class="t3"&gt;&lt;/td&gt;
    &lt;td class="t4"&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr id="row_2"&gt;
    &lt;th&gt;Some Heading&lt;/th&gt;
    &lt;td class="t1"&gt;&lt;/td&gt;
    &lt;td class="t2"&gt;&lt;/td&gt;
    &lt;td class="t3"&gt;&lt;/td&gt;
    &lt;td class="t4"&gt;&lt;/td&gt;
   &lt;/tr&gt;
   etc...
  &lt;/table&gt;
  </code></pre>
  
  <p>How do I update the content of the separate table cells (td) using jQuery? A better way to put it would be how do I write it if I want to update the content of #row_1 cell 1 or #row_2 cel 4, etc?</p>
  
  <p>I have another table which I can update data in no problem, but it's also a lot simpler. It only has one table cell per row that needs content updated. I did it using this.</p>
  
  <pre><code>$('#val_' + i).html("stuff I put in it");
  </code></pre>
  
  <p>Each cell has a unique id - #val_ + some number identifying it so I can easily loop through it, but the slightly more complex table is giving me trouble.</p>