Jquery中使用$append出现添加两次及Jquery对象多次使用的方法

var $tr=$("<tr><tr>");

$tr.append("<td>"+data.data[i].id+"</td>").append("<td>"+data.data[i].userName+"</td>").append("<td>"+data.data[i].password+"</td>").append("<td></td>");
$("#ajaxTable tbody").append($tr);

代码如上，给table中动态添加ajax获得数据，但是后期发现每次添加了两个

原因在于> ​​<tr></tr>​​后面的tr没有结束符号

在Jquery中 ​​var $td=$("<td></td>");​​​
如果对$td进行append操作，会发生只能添加最后一次的对象。那么如何只创建一个对象呢

$td.text(data.data[i].id).prop("outerHTML")

 var $tr=$("<tr></tr>");
                           var $td=$("<td></td>");
                           $tr.append($td.text(data.data[i].id).prop("outerHTML")).append($td.text(data.data[i].userName).prop("outerHTML")).append($td.text(data.data[i].password).prop("outerHTML")).append($td.text("操作").prop("outerHTML"));
                           $("#ajaxTable tbody").append($tr);