Adding Clicked Row + Next Row at the End of the HTML Table
<p>I am trying to add the clicked row + next row to the end of an HTML table. For some reason when I use the <code>originalRow.next()</code> code it adds the row as the top row of the HTML table. I want it to be added to the bottom of the table and not the top. </p>

<pre><code> var rowId = $("#menuToolsetTemplate").attr("rowId");
    var originalRow = $("#" + rowId);
  var rowToBeAdded = $("#" + rowId).clone();


    // when adding module level
    if ($(rowToBeAdded).attr("class") == "PARENTROWCONTENTS") {

    $("#tblTemplate_Body").append(rowToBeAdded);
    $("#tblTemplate_Body").append($(originalRow).next()); 

}
</code></pre>

<p>The <code>originalRow</code> is the row on which the user clicked. I make a clone of that row and add to the bottom of the table. I also need to add the <code>oringinalRow.next</code> to the bottom of the table. </p>
