Javascript Ajax调用后未定义的元素

我正在通过ajax在CenterDiv中加载内容。当页面第一次加载时，我显示来自数据库的行。每一行都显示在DIV中，每个DIV的id都是动态创建的，就像

我已经包含了javascript函数，可以在该div的onClick事件中更改该div的颜色。到目前为止，一切都很正常

如果用户点击左边导航栏上的分类，我会在那个中心div的ajax调用之后加载记录。新创建的div的id是动态创建的，与第一次加载页面时创建的id相同，但现在当用户单击该div时，元素是未定义的

Ajax是异步的，但我根本不涉及javascript函数，它必须读取页面加载时创建的元素以及Ajax调用后的元素

以下是Ajax调用的代码：

$.ajax({
url: window.base_url+'back/home/contentAjax/'+listing_status+'/'+type_id+'/',
data: { listing_status : listing_status, type_id : type_id },
dataType: 'text',
type: 'post',
success: function (j) {
$('.center').html(j);
}
});

此div是动态创建的：

<form id=frmNode name=frmNode>

<div id="div_<?php echo $counter; ?>">  
<input  type="checkbox" value="<?php echo $listing_row->nid; ?>" id="nid" name="nid[]" onclick="markSelectedNode(<?php echo $counter; ?>);" />

</form>

我错了。实际上，表单标签并没有在div中正确创建。它在main div中启动，在main div之后关闭。
这就是javascript无法识别的原因
document.frmNode.nid[selectedId]
显示ajax调用的代码以及未定义元素的代码。