Ich erstelle eine Registrierungsseite, auf der jemand bis zu 20 andere Personen registrieren kann, wenn er möchte. Also habe ich diese Textfelder:

First Name: <br/><input type="text" name="fname" id="fname" /> <br/>
Last Name: <br/><input type="text" name="lname" id="lname" /> <br/>
Email: <br/><input type="text" name="email" id="email"/> <br/>

Dies ist meine HTML-Tabelle mit meiner JQuery-Initialisierung von DataTables:

<div id="tables">
    <table id="table" border="1">
        <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
            </tr>
        </thead>
    </table>
</div>

$('#reg_more').dataTable({
    "bLengthChange": false,
    "bInfo": false
});

Jetzt möchte ich eine Schaltfläche zum Hinzufügen hinzufügen, damit der Benutzer den Vor- und Nachnamen sowie die E-Mail-Adresse eingeben und auf Hinzufügen klicken kann. Diese Schaltfläche wird in die Tabelle eingefügt. Wie mache ich das?