Disclaimer - I am a noob working with jQuery Mobile, but learning as I go.

I have designed a mobile site that uses several separate files to provide content due to SQL queries.  Main page (which itself has several different pages) has a link to one of these other files.  I have setup the link code with the rel="external" code and the link works fine.  However, because the new page has a relatively large bit of info to pull down and list, it takes a few seconds (3-5 for now, but the data set will get longer).

When the user taps the link, the browser starts pulling the content for a couple of seconds, switches pages but remains blank for a few more seconds, then shows the results.  You can see this happening here:

mobile.hdma.net/abmm12/index.asp > select Attendees

How do I setup the code so that when the user selects attendees, the loadPage pop up appears, stays on screen until the data finishes loading on the new page and appears?  Specifically - remember, I am a noob, sorry! - how do I update the code?

I have tried many permutations in the '$(document).bind("mobileinit", function() {' section of both the index.asp page and attendees.asp page.  It is obvious I don't know how to structure the code correctly.

Thanks in advance!