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.

My function looks like this:

```
function nextPage() {
        $("#leftPage").fadeOut("slow", function() {
            $("#leftPage").html="<img src='page4.jpg'>";
            $("#leftPage").fadeIn("slow");
        });

        $("#rightPage").fadeOut("slow", function() {
            $("#rightPage").html="<img src='page5.jpg'>";
            $("#rightPage").fadeIn("slow");
        });
}

```

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?