JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr><td width="48%" align="right" nowrap=""><b>Type it again:</b></td><td width="52%"> <input type="password" autocomplete="off" maxlength="20" size="20" name="passwordagain"><!-- value="" --></td></tr>
    <tr><td colspan="10">Another row</td></tr>
    <tr><td colspan="10">YetAnother row</td></tr>

    </table>

<a href="#" onclick="doIt();">Add the rows</a>

JavaScript

doIt = function() {

$('tr:has(:input[name=passwordagain])')
    .after('<tr><td width="48%" align="right" nowrap="nowrap"><b>First Name:</b></td><td width="52%"> <input maxlength="35" value="" size="30" name="BillingFirstName"></td></tr>')
    .next()
    .after('<<tr><td width="48%" align="right" nowrap="nowrap"><b>Last Name:</b></td><td width="52%"> <input name="BillingLastName" size="30" value="" maxlength="35"></td></tr>');
}