Jquery add tr to last but one row in a table
<p>Sample Code  </p>

<pre><code>`&lt;table&gt;  
    &lt;tr&gt;    
&lt;td&gt; first column &lt;/td&gt;    
&lt;/tr&gt;  
&lt;tr id ="addRow"&gt;   
&lt;td&gt;&lt;input type="button" id="add_button" name="add" value="Add" /&gt;&lt;/td&gt;   
&lt;/tr&gt;   
 &lt;/table&gt;
`
</code></pre>

<p>Now when i click this Add button it should add tr before this row i.e  </p>

<pre><code>`&lt;table&gt;  
&lt;tr&gt;   
 &lt;td&gt; first column &lt;/td&gt;    
&lt;/tr&gt;  
&lt;tr&gt;    
 &lt;td&gt; some content &lt;/td&gt;     
&lt;/tr&gt; 
&lt;tr id ="addRow"&gt;   
&lt;td&gt;&lt;input type="button" id="add_button" name="add" value="Add" /&gt;   
&lt;/td&gt;    
&lt;/tr&gt;   
 &lt;/table&gt;
`
</code></pre>

<p>so the next time i click Add button it has to  be  </p>

<pre><code>`&lt;table&gt;   
&lt;tr&gt;  
 &lt;td&gt; first column &lt;/td&gt;   
 &lt;/tr&gt;  
&lt;tr&gt;   
&lt;td&gt; some content &lt;/td&gt;  
 &lt;/tr&gt; 
&lt;tr&gt;   
&lt;td&gt; some content &lt;/td&gt;    
&lt;/tr&gt;
&lt;tr id ="addRow"&gt;   
&lt;td&gt;&lt;input type="button" id="add_button" name="add" value="Add" /&gt; &lt;/td&gt;   
&lt;/tr&gt;   
 &lt;/table&gt;
`
</code></pre>

<p>How is this done?? Please help</p>
