Я создаю страницу регистрации, где кто-то может зарегистрировать до 20 других людей, если они захотят. Итак, у меня есть эти текстовые поля:

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

Это моя HTML-таблица с инициализацией 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
});

Теперь я хочу поместить кнопку добавления, чтобы пользователь мог ввести имя и фамилию, а также адрес электронной почты и нажать «Добавить», и он будет помещен в таблицу. Как мне это сделать?