title: Jquery insert new row into table at a certain index
body: <p>I know how to append or prepend a new row into a table using jquery:</p>
  
  <pre><code>$('#my_table &gt; tbody:last').append(html);
  </code></pre>
  
  <p>How to I insert the row (given in the html variable) into a specific "row index" <code>i</code>.  So if <code>i=3</code>, for instance, the row will be inserted as the 4th row in the table.</p>