title: Preloading css hover images using jQuery
body: <p>Does anybody know a good way to preload css hover images using jQuery?</p>
  
  <p>What I'd ideally like is to be able to add a class (say "<code>pre-load-hover</code>") to any element that should be pre-loaded, and then put some js in <code>$(document).ready()</code> to loop through any DOM elements with that class, find their css background-image and load it up.</p>
  
  <p>The problem is I can't work out a way to easily get to the hover image location.  The jQuery selector <code>:hover</code> does not seem to work.</p>
  
  <p>I also don't want to load all the stylesheets and search for the selector by some sort of string search.</p>