jQuery - issue inserting new row in html table
<p>I am having an odd issue that I am unable to figure out when I insert a new row using jQuery. I am able to insert a new row, but the previous row that was after parent basically merges to the right of it instead of going underneath it. Anyway here is my code: jQuery</p>

<pre><code>       $(document).ready(function ()
         {       
             $('.parent').after('&lt;td&gt;Sub Total&lt;/td&gt;&lt;td class=sub0&gt;&lt;/td&gt;&lt;td class=sub1&gt;&lt;/td&gt;');
             $('.sub1').after('&lt;/tr&gt;&lt;tr&gt;');               
         });
</code></pre>

<p>here is the html table code after the jQuery function's execution: </p>

<pre><code>&lt;table class="table-style" id="tbl1"&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;th&gt;column1&lt;/th&gt;
            &lt;th&gt;column2&lt;/th&gt;
            &lt;th&gt;column3&lt;/th&gt;
            &lt;th&gt;column4&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="parent" rowspan="14"&gt;TEST1&lt;/td&gt;
            &lt;td&gt;Sub Total&lt;/td&gt;
            &lt;td class="sub0"&gt;&lt;/td&gt;
            &lt;td class="sub1"&gt;&lt;/td&gt;
        &lt;tr&gt;
        &lt;/tr&gt;
            &lt;td class="child"&gt;23&lt;/td&gt;
            &lt;td class="child"&gt;106040943&lt;/td&gt;
            &lt;td class="child"&gt;117638617&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;24&lt;/td&gt;
            &lt;td class="child"&gt;20733153&lt;/td&gt;
            &lt;td class="child"&gt;22164885&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;25&lt;/td&gt;
            &lt;td class="child"&gt;49086765&lt;/td&gt;
            &lt;td class="child"&gt;53820000&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;26&lt;/td&gt;
            &lt;td class="child"&gt;30627906&lt;/td&gt;
            &lt;td class="child"&gt;34237662&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;27&lt;/td&gt;
            &lt;td class="child"&gt;5408650&lt;/td&gt;
            &lt;td class="child"&gt;5671224&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;28&lt;/td&gt;
            &lt;td class="child"&gt;2548936&lt;/td&gt;
            &lt;td class="child"&gt;2647287&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;29&lt;/td&gt;
            &lt;td class="child"&gt;21911743&lt;/td&gt;
            &lt;td class="child"&gt;22766661&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;30&lt;/td&gt;
            &lt;td class="child"&gt;15496867&lt;/td&gt;
            &lt;td class="child"&gt;16387141&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;31&lt;/td&gt;
            &lt;td class="child"&gt;9897902&lt;/td&gt;
            &lt;td class="child"&gt;9646904&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;32&lt;/td&gt;
            &lt;td class="child"&gt;23750440&lt;/td&gt;
            &lt;td class="child"&gt;25845771&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;33&lt;/td&gt;
            &lt;td class="child"&gt;25213168&lt;/td&gt;
            &lt;td class="child"&gt;27009243&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;34&lt;/td&gt;
            &lt;td class="child"&gt;71556982&lt;/td&gt;
            &lt;td class="child"&gt;79796691&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;35&lt;/td&gt;
            &lt;td class="child"&gt;13464563&lt;/td&gt;
            &lt;td class="child"&gt;16890000&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="child"&gt;36&lt;/td&gt;
            &lt;td class="child"&gt;9898131&lt;/td&gt;
            &lt;td class="child"&gt;12360000&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt; Grand Total:&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td id="grandtotal"&gt;1715284066&lt;/td&gt;
            &lt;td id="grandtotal1"&gt;1822116442&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>