title: Preload background image
body: <p>There's tons of articles of how to preload an image, however I can't seem to find anything useful about preloading a background image with jquery.</p>
  
  <p>I made a simple html mockup of what I'd like to achieve:
  <a href="http://jsfiddle.net/3rfhr/" rel="noreferrer">http://jsfiddle.net/3rfhr/</a></p>
  
  <ul>
  <li>A loading div appears </li>
  <li>Background is loaded</li>
  <li>Loading div disappears</li>
  <li>Background DIV appear</li>
  </ul>
  
  <p>I can handle the div transitions but I'm clueless as to how I should go about preloading a css background. Thanks for reading my question :)</p>