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.