updating body class with current page name for djax plugin

djax + body class update

<script type="text/javascript">
    var transition = function($newEl) {
        // the pageTitle var assumes your title tag is formatted as " Site Name|Page Name "
        // i perfer to use this method, otherwise landing page body class will show empty
    	  var pageTitle = document.title.split('|')[1].toLowerCase().replace(/ /g,"-");
    	  	function updateBodyClass(){
        		$('body').removeClass().addClass(pageTitle);
        	}
        var $oldEl = this;      // reference to the DOM element that is about to be replaced
        $newEl.hide();    // hide the new content before it comes in

        $oldEl.fadeOut("fast", function() {
            $oldEl.replaceWith($newEl);
            updateBodyClass(function(){pageTitle = pageTitle});
            $newEl.show();
            $newEl.fadeIn("fast");
        });
    }
    jQuery(document).ready(function($) {
        $('body').djax('.djaxable', [], transition);
    });
</script>