title: iterate through html table rows with jquery to get div id inside <td> cells
body: <p>I want to iterate through each cell in each row in a table id="myTable" and get the ids of the cells' child divs. </p>
  
  <p>So far I have something like:</p>
  
  <pre><code>$("td.theCell").each(function() {
    var id = $(this).attr('id'); //this would give me the td id but I want its child div's id
  });
  </code></pre>
  
  <p>my html is like:</p>
  
  <pre><code>&lt;table id='myTable'&gt;
    &lt;tr&gt;foo&lt;/tr&gt;
    &lt;tr&gt;bar&lt;/tr&gt;
      &lt;td&gt;foo&lt;/td&gt;
      &lt;td class='theCell'&gt;
        &lt;div id='myDiv'&gt;foo&lt;/div&gt;
      &lt;/td&gt;
    &lt;tr&gt;foo&lt;/tr&gt;
    &lt;tr&gt;bar&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Does anybody know a good way to do this?  Thanks in advance.</p>