обрабатывать события щелчка для всех объектов внутри div

Question

У меня есть некоторый HTML как таковой

<div id="clickme">
<div>some stuff</div>
<div>some more stuff</div>
</div>

Я помещаю событие click в элемент clickme div

$("#clickme").click(function(){
alert("test");
});

Но когда я нажимаю на слова, событие никогда не срабатывает.Как мне активировать этот клик, чтобы он работал, даже когда я нажимаю на теги внутри div тоже?

Спасибо!

ОБНОВЛЕНИЕ:

Данные - это массив

$('#playerInfoContainer .playerInfoEntry').each(
    function (index) {
        var div = "";
        //alert(data[index]._userName);
        div = div + "<div id='" + data[index]._userName + "' style='display:none' class='ui-widget-content'><div style='height:200px'>";
        div = div + "</div>";
        div = div + "<input width='150px'/>";
        div = div + "</div>";
        $("#chat").append(div);
        $(this).data("player", data[index]);
        $(this).click(function () {
            alert($(this).data("player")._userName);
            $('#chat').find("#" + $(this).data("player")._userName).show();
        });
    });

Но предупреждение никогда не срабатывает.

Answer 1

Попробуй поставить свой код последней вещью до </body> и до jquery.js

Answer 2

Использование только того, что вы дали (пока), должно работать корректно. Единственное, о чем я могу думать, это то, что вы пытаетесь привязать событие к узлу / элементу до того, как оно будет вставлено в DOM.

Поскольку вы используете jQuery, один из способов сделать это - включить код в событие dom ready:

$(function() {
    $("#clickme").click(function() {
        alert("test");
    });
});