Making successive jQuery.load()s in nested pages work

[BobBlock]

The main page ("parent.html") has a link that ajaxloads a page ("page1.html") into a div ("targetdiv") in the main page, like so:

parent html:

$("#targetdiv").html(loading).load('page1.html');

This works fine and "page1.html" is loaded into "targetdiv".

The "page1.html" also has a link in it that is supposed to ajaxload another page ("page2.html") into "targetdiv" (onto itself), like so:

page1.html:

$("#targetdiv").html(loading).load('page2.html');

This does not work; "html(loading)" comes up in "targetdiv" and stays there, "page2.html" is not loaded.

If you're sure why this is so, tell me and I'll owe you a beer.

All the best...

(This page/site is not available on line.)

[acoder]

Without all of the code, I can't say for sure, but can you not have this code in the parent page?