jQuery .on() Not Working After Different Content Loaded
<p>If you go to <a href="http://www.elemovements.com" rel="nofollow">http://www.elemovements.com</a> 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.</p>

<pre class="lang-js prettyprint-override"><code>( function() {

    var $Body = $("#news .inner");
    var $Title = $("#news .title");

    var strNewsURL = "&lt;?=URL_NEWS?&gt;";

    $(document).on("click", "a:contains(Read More...)", function(event) {

        var strOld = $Body.html();
        var strURL = $(this).attr("href").replace("index.php", strNewsURL);

        //var strBackURL = strURL.match(/archive.php/) ? "archive.php?xnewsaction=getnews&amp;newsarch=" + getURLVars(strURL)['newsarch'] : strNewsURL;

        $Body.slideUp(100);

        $.get(

            strURL,

            objNHF,

            function(strData) {

                $Body.html(strData + '&lt;a class="back"&gt;&lt;?=TEXT_BACK?&gt;&lt;/a&gt;').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();

    } );

} )();
</code></pre>

<p>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.</p>
