Question

I’m doing a project, where I got stuck with some user interfacing tweaks, where I need to remove some HTML div elements.

Please check this code http://jsfiddle.net/YVZH5/ If you click the text you will see the blue tag. I need to remove that tag when the user clicks the X. But it is not working.

And It is working here http://jsfiddle.net/Jst4v/ So, where is the problem occurs?

Thanks!

Answer 1

you need to chage

$("#service-sets").click(function(){
    $("#facebook-tag").remove();
});

to

$("#service-sets").on('click', '#facebook-del', function(){
    $("#facebook-tag").remove();
});

Because, #facebook-del (cross icon) will remove the tags and they come to DOM after DOM ready, so they need delegate i.e live events.

DEMO