title: select div inside of table cell jquery
body: <p>I need to select the deeply buried div with class "srch-maintop" with the context of the topmost div "srch-sb-results". How do I select the srch-maintop div using jquery?</p>
  
  <p>Am I even close here?</p>
  
  <pre><code>$('.srch-sb-results').next('table').find('td#MainLeftCell div.srch-maintop').delete();  
  </code></pre>
  
  <p>That didn't even touch it..</p>
  
  <pre><code>&lt;div class="srch-sb-results"&gt; stuff here &lt;/div&gt;
      &lt;table&gt;
         &lt;tr&gt;
            &lt;td colspan='3'&gt;
               &lt;div style="border:1px solid silver"&gt;&lt;/div&gt;
             &lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;td class="srch-leftcell"&gt;stuff&lt;/td&gt;
  
              &lt;td class="srch-mainleftcell"&gt;
                 &lt;div&gt;stuff&lt;/div&gt;
                 &lt;div class="srch-maintop"&gt;&lt;/div&gt;
                 &lt;div class="srch-maintop2"&gt;&lt;/div&gt;
              &lt;/td&gt;
  
              &lt;td class="srch-rightcell"&gt;stuff&lt;/td&gt;
           &lt;/tr&gt;
  
      &lt;table&gt;
  </code></pre>