添加到表中的行会随着jquery立即消失

Question

我创建了一个包含3个文本输入的表单来实现一个包含3列的表。 我不明白这里的问题：使用我的浏览器，我可以看到创建的行，它会立即消失..

<td><button id="add">add</button></td>

这里是jquery：

$(document).ready(function(){

$('#add').click(function() {
    var var1 = $('#id1').val();
    var var2 = $('#id2').val();
    var var3 = $('#id3').val();

    $('.tab').append('<tr class="lign"><td>' + var1 + '</td><td>' 
        + var2 + '</td><td>' + var3 + '</td></tr>');;
});  

有些帮助吗？谢谢！