ajax解析json数据并写入table中，却显示两次

如图：

ajax解析json并写入table代码模板：

function find() {
                    $.ajax({
                        url: "/CustomerController/findCustomerByConditionWithAjax",
                        type: "POST",
                        data: {idCon: $("input[name='idCon']").val(), nameCon: $("input[name='nameCon']").val()},
                        dataType: 'json',
                        success: function (data) {
                            //清除table上一次查询的内容
                            $("#customerTable tr:not(:first)").empty();
                            // 解析controller返回的json数据并写入table
                            $.each(data,function (index,item) {
                                var id= $("<td></td>").append(item.id);
                                var name=$("<td></td>").append(item.name)
                                var gender=$("<td></td>").append(item.gender)
                                var address=$("<td></td>").append(item.address)
                                $("<tr></tr>").append(id).append(name).append(gender).append(address).
                                    appendTo($("table tbody").first());
                            })
                        }
                    })
                }

js代码：

 $.each(data,function (index,item) {
                                var id= $("<td></td>").append(item.id);
                                var name=$("<td></td>").append(item.name)
                                var gender=$("<td></td>").append(item.gender)
                                var address=$("<td></td>").append(item.address)
                                $("<tr></tr>").append(id).append(name).append(gender).append(address).
                                    appendTo($("table tbody"));
                            })

可以在浏览器f12打开，看源代码，找到原因：table里有两个tbody，要做个选择：

appendTo($("table tbody").first());