Question

$('#A').click(function () {
    $('#A1').prepend('<div class="AcL" id=' + i + '>Hello<span class="RmMe" id="' + i + '" style="margin-left:20px; cursor:pointer;">X</span></div>');
    i++;
});

$('.RmMe').click(function () {
    alert("OK");
});

<div id="A1"></div>

Any idea why the click is not working?

Answer 1

You need to use .delegate() or .live() because you are attempting to bind a handler to an element that does not yet exist.

$('#A').click(function() {
    $('#A1').prepend('<div class="AcL" id='+i+'>Hello<span class="RmMe" id="'+i+'" style="margin-left:20px; cursor:pointer;">X</span></div>');
    i++;        
});

$('.RmMe').live('click', function() { alert( 'OK' ); });

Try that.

EDIT:

However, should you be using jQuery 1.7+, the .on method is the preferred approach: See post from xdazz

$('.RmMe').on('click', function () {
    alert("OK");
});

Good luck!