pjaxで遷移時にフェードイン(jqueryプラグイン)

タイトルの通りです。
フェードアウトはなってくれるのですが、
フェードインがなりません。
遷移は問題なく、クラスmain-areaを付けた部分がスムーズに遷移してくれます。

$(document).on('click', 'body a:not([target*="blank"])', function(e) {
  e.preventDefault();//デフォルトのイベントをクリア
  var url = $(this).attr('href');//a要素のhref属性を取得
  //まずは入れ替わる部分を透明に
  $(".main-area").animate({opacity:0}, "normal", function(){
    $.pjax({//エフェクトが終わったらpjaxイベント
            url      : url,
            container: '.main-area',  //入れ替える場所
            fragment : '.main-area',　//入れ替える場所
            timeout  : 20000
    });
  });
});	
	
//pjaxイベントが終わったらページ表示ANDタイトル書き変え
$(document).on('pjax:end', function() {//.main-areaが透明になっているだけで遷移は完了しています。
  $('title').text(this.title);
  $(".main-area").animate({opacity:1}, "normal");
  
});

※参考にしたサイト:http://somo-somo.net/archives/74/

いろいろ検証してみたのですが、
最後の3行の、下２行を消しても、消さない状態と変わりがありませんでした。

//pjaxイベントが終わったらページ表示ANDタイトル書き変え
$(document).on('pjax:end', function() {//.main-areaが透明になっているだけで遷移は完了しています。
  $('title').text(this.title);
  $(".main-area").animate({opacity:1}, "normal");
  
});

どなたか、pjaxに詳しい方おられませんか？
ご回答宜しくお願い致します。