动态添加的代码没有响应jQuery单击

Question

我在这个论坛上已经阅读了几个关于这个问题的问题，但它仍然不适用于我。从一开始就在代码中的所有其他按钮和可单击元素工作正常，但不是那些动态传递的元素。当我在本地运行页面时，一切正常，但在线它无法正常工作。可能有什么不对？

这是动态代码的一部分:( data[i].id来自Ajax请求）

html += "<td width='20px'>" + status + "</td><td class='updateCompleted' data-id='" + data[i].id + "'>" + data[i].text + "</td><td align='right' width='20px'><img src='icons/icon-remove.png' alt='remove icon' class='removeIcon' data-id='" + data[i].id + "'></td>"; 

然后我添加如下代码：

$(".contentList table").html(html);

这是检测点击的jQuery：

// Handle click to set row in list to completed
$(document).on("click",".updateCompleted", function(e){
    e.preventDefault();
    var id = $(this).data("id");
    updateData(id,1)
    console.log("Test");
});