title: Flicker of black when displaying hidden image for first time on HTML5 web app with jQuery Mobile (mobile Safari on iPhone 4)
body: <p>We're using jQuery Mobile to create a web app for iOS devices.</p>
  
  <p>In testing on the iPhone, we noticed hidden images that appear via jQuery (e.g., show, fadeIn) for the first time will appear black momentarily before the image loads into the element.</p>
  
  <p>Per the advice of other SO posts, we load the images as background images to an element, which allows us to account for Retina vs. non-Retina displays.</p>
  
  <p>We don't believe this is related to the flicker problem described in other SO posts, as we already implemented the "ui-page" solution.</p>
  
  <p>We suspect this is due to jQuery only loading visible background images first. We can hack this, of course, by showing elements off screen, but we're wondering if a more elegant workaround exists.</p>