FadeOut, Replace HTML & FadeIn
<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>
