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

Question

为了我的课程目的，我想使用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");
           }
       }
   });
 });

使用此代码，我可以显示数据并将其完美地分配到表中，但是当我尝试将按钮添加到行的下一列时，按钮不会显示。请帮助我，我做错了。