I have a project where I have to load 2 different pages with JavaScript within each other whilst still being able to control all 3 pages from any given page.

So I have index that has a child page loaded into it then into that another page, I need to post a form that is in the 2nd child page from the first child via a link and I need to be able to control the url of the first child page with both the index and the 2nd child page.

I am new to Jquery and I am not only confusing myself but probably you also, I have an image of the concept here hosted on google docs, this may help in understanding.

The key is that I can change the url parameters in each of the two loaded pages from any given page (choice) and post a form that is in one child from another by link, need to call back the child page and change the url params.

I have it working (kinda) but I am worried about managing the callbacks and managing the different forms that I may need to load.

If you are thinking why do it this way then the key is to avoid any page refresh and to allow for change to be made to items and associated items in many different scenarios.

Any ideas would be greatly appreciated.