How can I preload HTML content to an invisible div
I have what I call a hub page which loads only once. Then I use JS/jQuery (I know, same thing) to load the html content to a div. When the user clicks the next button new content is displayed.
So, I am wondering how I would go about preloading the html content for the next page to an invisible or "off the screen" div. Then when the user clicks the 'next' button, the preloaded content would be loaded to the active div and the invisible div would preload the next page, and so on.
This sounds a bit easier now that I have thought it through.
Any advice here?