loading content into a div with jquery
<p>Hey All - I am having a bit of trouble with a jquery function.  I have a nav bar and I want when a user clicks on the nav bar to have the page load into a div (#content)</p>

<p>The code I have works for the first click, but when I try to click on another item it shows the loading image, but does not put the new content in the div (it leaves the old content).  Any thoughts?</p>

<pre><code>$(document).ready(function() {

   $('.cat').live("click",function() {
        var section = $(this).attr("id");
        $.ajax({
            type: "POST",
            url: "../soccer/nav/" + section + ".php",

            beforeSend:  function() {
                $('div#content').hide();
                $('div#loading').show();
            },

            success: function(html){
                $('div#loading').hide();
                $("div#content").replacewith(html);
            }
        });     
        return false;
    });
});
</code></pre>

<p>Any help would be greatly appreciated!</p>
