Question

I have created a tab and append some text in it

$("#tabcontent").append('<p id="c'+count+'"><table> <tr>Tab Content '+count+'<br><span id="addColumns" style="cursor:pointer;">Add Columns</span></p>');

there is an id addColumns I write a function for this id

$('#addColumns').click(function(){
$("#tabcontent").html('');
});

When I click on Add Columns Nothing is happening…

Answer 1

Your table is not in DOM when page loaded, so this is future element that’s why it’s not working. you have to use .live()

$('#addColumns').live('click', function(){ $("#tabcontent").html(''); });

or as per jQuery 1.7

use .on

$(document).on('click','#addColumns', function(){
        $("#tabcontent").html('');
 });