关于动态添加html的问题

<tbody id="paramsTb1">

//-------------------js--------------------

for(var i = 0;i<result.length;i++){ //循环LIST

var data = result[i];//获取LIST里面的对象

var html = "<tr>"

+ "<td class='col-xs-2'><span class='required'>*</span>"+data.name+"</td>"

+ "<td>"

+ "<label>"

+ "<input id='name"+i+"' type='hidden' value="+data.name+" >"

+ "<input id='typeId"+i+"' type='hidden' value="+data.typeId+" >"

+ "</label>"

+ "<label>"

+ "<input id='commission"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>返佣</span>"

+ "<input id='returnmoney"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>返现</span>"

+ "<input id='card"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>自己卡</span>"

+ "</label>"

+ "</td>"

+ "</tr>"

$(html).appendTo($('#paramsTb1'));

}