title: FadeOut, Replace HTML & FadeIn
body: <p>I'm having a few issues getting a simple JQuery function to work that fades an element out, replaces the image within and fades back in again.</p>
  
  <p>My function looks like this:</p>
  
  <pre><code>function nextPage() {
          $("#leftPage").fadeOut("slow", function() {
              $("#leftPage").html="&lt;img src='page4.jpg'&gt;";
              $("#leftPage").fadeIn("slow");
          });
  
          $("#rightPage").fadeOut("slow", function() {
              $("#rightPage").html="&lt;img src='page5.jpg'&gt;";
              $("#rightPage").fadeIn("slow");
          });
  }
  </code></pre>
  
  <p>The fade in/out section works fine but the HTML is not being replaced with the new images. Can you see a problem with this?</p>