Best way to add tr element mid-way through a list of table rows - jQuery
<p>first post on the site!  </p>

<p>I'm looking for some help inserting tr elements mid-way through a simple table like the one below:</p>

<pre><code>&lt;table id="content"&gt;  
&lt;tr class="item"&gt;  
&lt;td&gt;&lt;p&gt;header content&lt;/p&gt;&lt;/td&gt;  
&lt;/tr&gt;  
&lt;tr class="item"&gt;  
&lt;td&gt;&lt;p&gt;footer content&lt;/p&gt;&lt;/td&gt;  
&lt;/tr&gt;  
&lt;/table&gt;
</code></pre>

<p>I am adding elements using jQuery with the following code:</p>

<pre><code>$('&lt;tr class="item" /&gt;').insertAfter('#content tr:first');
</code></pre>

<p>However after adding an element using this command, I would like to add some more (but after the last added item, not at the top of the list)</p>

<p>Im sure there are simple ways of doing this (by assigning an id to the footer element, and using .insertBefore('#footer') for example) but it would be interesting to know some different techniques that could be used. Thanks in advance! :)</p>
