How to remove a SPAN create with APPEND() ?

Question

hellooo, I have this code

BOX

and After:

$(".boxAlert").click(function(){ $(this).remove(); //$(this).fadeOut(500); });

It's OKAY, when I click on the SPAN with class boxAlert, it removes it.

But I can not remove the SPAN's I created this way..

$('#myDiv').append('Invalid Mail');

The SPAN I create this way appears in the page and has the class boxAlert, applied, but I can not remove it or fadeOut or anything..

Any ideas?

Answer 1

Use the live() method:

$(".boxAlert").live('click', function(){
  $(this).remove();
});

The live() methods works for elements present now or those coming in future.