前端js拼checkbox的选中与取消的问题

工作中再实现弹出框里数据回显问题时遇到的麻烦，
需求是

success: function (data) {
                                    var model="";
                                    var ids=[];
                                    var html="";
                                    $.each(data.tableAll.data,function (i,n) {

                                        html+='<form><input name="checked" id="checkBox1" did="'+id+'" zid="'+n.id+'" type="checkbox">'+n.start_address_detail+'-->'+n.end_address_detail+'</form><br/>';
                                        ids[i] = n.id;
                                        });
                                    if (data.data != '') {
                                        layer.open({
                                            type: 0,
                                            title: '司机路线绑定-姓名:<span style="color: red;">' + realName,
                                            content: html,

点击添加路线，出现弹出框，从数据库中查找所有路线，如果司机本来有路线，则数据回显，checkbox 打勾，

$("input[type='checkbox']").prop("checked",true);

结果怎么也加不上，前端检查，选中与取消竟然再html中没有任何反应，感觉特别奇怪，查阅了各种资料，都解决不了，后来仔细想了想。终于找到了问题所在
layer.open 的content域只有将拼的串加到html页面之后，才可以进行添加选中操作。
问题解决！