[jQuery] after document ready can't fade in using .load

[jQuery] after document ready can't fade in using .load


this page starts out loading content with .load from a php page that
returns different content depending on the URL parameters or a
default. After it is loaded any other link loads pages using .ajax
with nice animations. I can't figure out how to do a fadein or
anything else to the initial page .load, - either it doesn't like my
function syntax or I see no effect.. Can anyone help?
$(document).ready(function(){
    var page_name = $(document).getUrlParam("page");
$('.inner').load('content.php?page='+ page_name)
          $("div#content").corner("dog2 30px");
$('#off a').click(function() {
            if(!$(this).hasClass("current")) {
            var _Href = $(this).attr('href');
            $('#off a').removeClass("current");
            $(this).addClass("current");
                          var content_show = $(this).attr("title");
                            $.ajax({
                            method: "get",url: "content.php",data: "page="+content_show,
                            beforeSend: function(){$("#loading").show("slow");},
                            complete: function(){ $("#loading").hide("slow");},
                            success: function(html){
                             $(".inner").fadeIn(3000, function () {
         });
                            $(".inner").html(html);
                            document.title = content_show;
                                 }
                        }); //close $.ajax(
                         }
        return false;
    });
}); //close click(