Estou criando uma página de registro onde alguém pode registrar até 20 outras pessoas, se quisessem. Então eu tenho essas caixas de texto:

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

Esta é minha tabela html com minha inicialização de DataTables do JQuery:

<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
});

Agora eu quero colocar um botão add para que o usuário possa inserir o primeiro e último nome, e-mail e clicar em add, e ele será colocado na tabela. Como faço para fazer isso?