Hi everyone,

I'm using jQuery to retrieve some info using the GET ajax request. It displays the information as html e.g. the returned info displays a table. My problem is that any jQuery code relating to that table doesn't work.

I.e. my <div class="target"></div> is empty. The user clicks a button and it returns a table with id="this". The following jQuery code doesn't work;

$("table#this").click(function() {
alert("Hey");
}

Do you know why this might be? Any help would be greatly appreciated!

You need to place any events intended for AJAX loaded content into the callback of the AJAX function, so that the event is bound to the object AFTER the content has loaded.

For example:

$("#my-div").load("/path/to/file.php", function() {
       $("table#this").click(function() {
                alert("Hey");
       }
});

You are a true gent. Thank you I'll get the implemented straight away