Есть обычная таблица
<table class="table table-hover">
<tr data-user-id="123">
<td class="uid">123</td>
<td class="uname">username-123</td>
<td><a href="#" class="edit">edit</a></td>
</tr>
<tr data-user-id="321">
<td class="uid">321</td>
<td class="uname">username-321</td>
<td><a href="#" class="edit">edit</a></td>
</tr>
</table>
Как по кнопке
<a href="#" class="add">Добавить</a>
сделать, чтобы в таблицу подставлялась строка ниже, и по кнопке
<a href="#" class="remove">Удалить</a>
удалялась. Т.е. добавить можно миллион и удалить миллион.
С обычным текстом добавить удалить понятно, но в таблице не хочет
$(".add").click(function(){
$(".new").html("stroka");
});
$(".remove").click(function(){
$(".new").html("");
});
Т.е. по сути чтобы можно было удалить все и добавить потом заново. Облазил много форумов, никак не получается. Может кто хотя бы на путь верный наставит