Javascript 获取数据时向表行td添加按钮ajax java

出于课程目的，我想使用ajax创建一个动态数据表。以下是我的Javascript代码：

$("#submitcateg").click(function(){
   var categ = $("#addcategname").val();
   $.ajax({
       type: "POST",
       url: "ProcatServlet",
       data: {"categ":categ, "id":"addcateg"},
       success: function(data){
           if(data=="true"){
               $("#addcategname").hide();
               $("#submitcateg").hide();
               $("#categtable").show(function(){
       $.ajax({
           type: "GET",
           url: "ProcatServlet",
           data: {"id":"getcateg"},
           success: function(responseJson) {
               if(responseJson!=null) {
                   $("#categtable").find("tr:gt(0)").remove();
                   var tablebody = document.getElementById("categtable").getElementsByTagName("tbody");
                   $.each(responseJson, function(key, value){
                      var button = document.createElement("input");
                      button.type="button";
                      button.id="edit";
                      button.value="edit";
                      var rowNew =  $("<tr><td></td><td></td></tr>");
                      rowNew.children().eq(0).text(value);
                      rowNew.children().eq(1).append(button);
                      rowNew.appendTo(tablebody);
                   });
               }
           }
       });
   });
               $("#addcategtrigger").show();
           } else {
               alert("failed");
           }
       }
   });
 });

$（“#submitcateg”）。单击（函数（）{
var categ=$（“#addcategname”）.val（）；
$.ajax({
类型：“POST”，
url:“ProcatServlet”，
数据：{“categ”：categ，“id”：“addcateg”}，
成功：功能（数据）{
如果（数据==“真”）{
$（“#addcategname”）.hide（）；
$（“#submitcateg”）.hide（）；
$（“#categtable”）.show（函数（）{
$.ajax({
键入：“获取”，
url:“ProcatServlet”，
数据：{“id”：“getcateg”}，
成功：功能（responseJson）{
if（responseJson！=null）{
$（“#categtable”）.find（“tr:gt（0）”）.remove（）；
var tablebody=document.getElementById（“categtable”）.getElementsByTagName（“tbody”）；
$.each（responseJson，函数（键，值）{
var按钮=document.createElement（“输入”）；
button.type=“button”；
button.id=“编辑”；
button.value=“编辑”；
var rowNew=$（“”）；
rowNew.children（）.eq（0）.text（值）；
rowNew.children（）.eq（1）.append（按钮）；
rowNew.appendTo（表体）；
});
}
}
});
});
$（“#addcategtrigger”）.show（）；
}否则{
警报（“失败”）；
}
}
});
});

使用这段代码，我可以完美地显示数据并将其分配给表，但当我尝试向行的下一列添加按钮时，按钮没有出现。请帮帮我，我哪里做错了