JQuery Datatables Dodaj nowy wiersz

Tworzę stronę rejestracji, na której ktoś może zarejestrować do 20 innych osób, jeśli tego chcą. Mam więc te pola tekstowe:

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/>

To jest moja tabela html z moją intializacją JQuery 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
});

Teraz chcę umieścić przycisk dodawania, aby użytkownik mógł wpisać imię i nazwisko oraz e-mail i nacisnąć przycisk Dodaj, a zostanie on umieszczony w tabeli. Jak mam to zrobić?

questionAnswers(3)

yourAnswerToTheQuestion