.on() Not Working After Different Content Loaded

[anonymous]

jsFiddle: ​http://jsfiddle.net/grn2012/qRWa5/20/

If you go to ​http://www.elemovements.com and try clicking "Read more..." on the first article, it will work, along with if you click the same link in the archive. This is all taken care of by this block of code... it's messy, yes, but I've been trying to figure various ways of doing it.

( function() {
	
    // Unfortunately, this has to put down here because it needs to run
	// on both the archive and the news sections and it would be annoying
	// and redundant to call it every time those two are loaded.
	
	var $Body = $("#news .inner");
	var $Title = $("#news .title");
	
	var strNewsURL = "<?=URL_NEWS?>";
	var strOld = $Body.html();
		
    $(document).on("click", "#news a.more", function(event) {
    	
    	var strURL = $(this).attr("href").replace("index.php", strNewsURL);
        
		$Body.slideUp(100);
        
        $.get(
            
            strURL,
            
            objNHF,
            
            function(strData) {
				
                $Body.html(strData + '<a class="back"><?=TEXT_BACK?></a>').slideDown(1000, "easeOutBounce");
                
                $(document).on("click", "#news a.back", function(event) {
                    
                    $Body.slideUp(100, function() {
						
						$(this).html(strOld);
						
					} ).slideDown(1000, "easeOutBounce");;
                    
                    event.preventDefault();
                    
                } );
                
            }
            
        );
        
        track(strURL);
        
        event.preventDefault();
        
    } );
	
} );

If you try loading another page (let's say, "Contact"), then click "Home" again, the event fires but does not load the content into the div. What am I doing wrong here? Very puzzling.

[Rick Waldron]

Please use the forum for support questions first: ​http://forum.jquery.com/getting-started