js添加动态html，点击事件无效问题

html

<div id="foreachs"></div>

js动态添加

var html = $("#foreachs").html();
html = html + html;
$("#foreachs").html(html);

js(jq点击生效正确写法)（cdj_owner为class属性）（foreachs为父id）

//动态加载的html账单管理跳转
$("#foreachs").on('click','.cdj_owner',function () {
    var id = $(this).attr("id");
    console.log(id);
});

错误写法（正常有效，动态无效）

$(".cdj_owner").click(function () {
    console.log(123);
})