绑定.click无法正常工作

Question

我目前有一个空div。在这个div中，我使用一个带有foreach循环的ID和类动态创建div。迭代工作正常，但.click事件不起作用。

这是我的代码：

$.getJSON('URL', function(data) {
    fields = data.fields;
    var count = 0;
    var fieldsHTML = '';
    fields.forEach(function(entry) {
        fieldsHTML += "<div id='fieldname_" + count + "' class='fieldNamesClass'>" + entry.name + "</div>";
        //$("#fieldNames").append("<div id='fieldname_" + count + "' class='fieldNamesClass'>" + entry.name + "</div>");
        count++;
    });
    $("#fieldNames").html(fieldsHTML);
});

$('.fieldNamesClass').bind('click', function() {
    alert();
});

正如您所注意到的，我首先使用.append添加了div，我也尝试使用.html。两者都工作并添加div。绑定点击时我也使用了.on函数，但都产生了相同的结果。这两个函数都在$(document).ready函数中。我错过了什么？