[jQuery] add element after page has loaded

[edencane]

Hi.

I have the following document.ready:

$(document).ready(function(){
        $('#formGen1').load('formGen1.jsp');
        if(${membership eq 'propertyContractor'}) {
                $('#formGen2').load('formGen2.jsp');
                $('#formGen3a').load('formGen3a.jsp');
        } else if (${membership eq 'cleaningContractor'}) {
                $('#formGen2').load('formGen2.jsp');
                $('#formGen3a').load('formGen3b.jsp');
                $('#formGen3b').load('formGen4.jsp');
                $('#formGen4').load('formGen3a.jsp');
        } else if (${membership eq 'staff'}) {
                $('#formGen2').load('formGen3a.jsp');
        }
        $(window).load(function () {
                alert($('#dob').prev().html());
                //run code
        });
});

the html loaded in 'formGen1' is:
<fieldset>
<legend>Personal details</legend>
<p><label for="name">Name</label>
<input class="required" type="text" id="name" name="name"/>
<span></span></p>
<p><label for="dob">Date of birth</label>
<input type="text" class="expanddate" id="dob" name="dob" value=""
format="date">
<span></span></p>
</fieldset>

What I want to do is add an element after the #dob element.
In the 's$(window).load' statement I am showing the html of the
previous element as some feedback...
As I understand it, $(window).load should kick in after all the pages
have loaded, but clearly in my case something else is going on... i.e.
the pages havent loaded yet...

How can I do this?

Thanks.

Kind regards.
Luke.