JQueryでテーブルの行を追加した際に行数を数えるとずれてしまう

Question

JQueryでテーブルの行をＤＯＭで追加したところ、
phpで初期表示した状態からのカウントと
Dom生成から行数を数えた際のカウントがずれるという現象に悩まされています。
教えてください。よろしくお願いいたします。

jQuery(function(){
jQuery('#add_table').click(function(){
var len = $("#tbl tbody").children().length;
if(len > 6){
$("#add_table").attr("disabled","disabed");
}
var cntl = $("#cntl").val();
$.ajax({
type: "POST",
url: "/admin/au9",
data: {"cntl":cntl},
dataType: "json",
cache: false,
success: function(data, status){
//テーブルの列数
var j = 0;
//Ajaxで取得した要素から列数を計算
for(var i in data){
j++;
}
var len = $("#tbl tbody").children().length;
data = '<tr><td><span id="prm' + len + '"></span><input type="button" name="item" class="items" value="選択" /></td>';
for (var i=0; i<j; i++) {
data += '<td><input type="text" name="val[]" maxlenth="5" /></td>';
}
data += '</tr>';
$("#tbl").append(data);
},
error: function(XMLHttpRequest, status, errorThrown){
alert("エラーが発生しました！");
}
});

});
jQuery('#del_bottom').click(function(){
	if (jQuery('tbody tr').length) {
		jQuery('tbody tr:last').remove();
	}
});

});

<table style="text-align:left;" border="1" cellpadding="2" cellspacing="2" id="tbl" class="tbl_info"> <tbody> </tbody> </table> <input type="button" id="add_table" value="追加する" /> ※テーブルの列数は可変です。 初期状態ではＰＨＰでth行とtdの1行＋1行を表示しています。

Answer 1

関係ないかもしれませんが、気になった点としては、#tbl tbody の子要素数を計算しているようですが、実際には #tbl 要素に append していますね。
tbody と同階層に tr 要素ができていないでしょうか。

var len = $("#tbl tbody").children().length; 

... 中略

$("#tbl").append(data);