title: .hide() not working correctly on iPad
body: <p>I have an image slide show based off an array of images that feeds a single img element on my page. When I reach the last image and press "next", which triggers the nextImage() function, I want to hide my final image and bring up a splash screen (a div on the same page, hidden by css). This code works great in safari but it doesn't seem to hide the image element on iPad (my target device). I am at a loss as to what may be causing this to not work.</p>
  
  <pre><code>function endPresentation(){
      $("#image").hide(200);
      $("#test").show(200);
  }
  
  //Goto Next image in array
  function nextImage(){
  
      save();
      iCount++;
  
  //If there are no more images in the array
      if (images[iCount] == null) {
          endPresentation();
      }
      else{                       
          //Change image source to new image, do stuff after the image has successfully loaded
          $("#image").attr("src", images[iCount]).load(function (){               
              doStuff();  
          });         
      }               
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated as this has been bugging me for weeks!</p>