title: Preload and run jQuery/javascript before viewing the page
body: <p>I'm working on a project where there's quite a lot of jQuery going on. So when I go to the page, I can <em>see</em> the jQuery running (e.g. <code>$.button()</code> elements on the page still appear as normal html elements before jQueryUI is loaded :S) so initially it looks all ugly THEN, once all the JS is loaded and executed, it looks "nice".</p>
  
  <p>It's not just a case of preloading images or whatever, I want to RUN the jQuery code, but "hide" it from visitors so that once the page is opened, it looks "nice" straight away OR displays a black screen saying "Loading..." until the jQuery has finished running.</p>
  
  <p>Take a look here: <a href="http://www.filamentgroup.com/" rel="noreferrer">http://www.filamentgroup.com/</a> , though I'm not sure that actually runs the site's javascript before displaying it, but it shows the basic idea of having a dark screen saying "Loading...".. I suspect that's what happens in large web apps such as <a href="http://app.sliderocket.com/" rel="noreferrer">SlideRocket</a> though it does use flash... :S</p>