Jquery replacewith fade/animate

$('#foo').fadeOut("slow", function(){
    var div = $("<div id='foo'>test2</div>").hide();
    $(this).replaceWith(div);
    $('#foo').fadeIn("slow");
});

jsfiddle – http://jsfiddle.net/9Dubr/1/

Updated to fade in correctly