title: How to select a certain table cell in certain relation to another?
body: <p>I have</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th colspan="2"&gt;Infobox&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
          &lt;/tr&gt;
          ⁞
          &lt;tr&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th colspan="2"&gt;[random stuff]&lt;/th&gt;
          &lt;/tr&gt;
          &lt;!-- *** Where I want to add another row *** --&gt;
          &lt;tr&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
              &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
          &lt;/tr&gt;
          ⁞
  </code></pre>
  
  <p>What is the most elegant/efficient way to select and append my additional row? I've started with</p>
  
  <pre><code>$("table th:contains('Infobox')").closest('tbody th[colspan="2"]');
  </code></pre>
  
  <p>But that doesn't select what I want. Thanx for your help and merry X-mas :o)</p>