Ajax заменяет всю страницу, а не только div

Question

У меня есть страница с вызовом Ajax, которая должна заменить содержимое div. Однако при нажатии на ссылку вся страница заменяется на содержимое div, а не просто заменяет текст, который должен был быть. Есть мысли?

$(document).ready(function () {
    $('#gnav a').click(function () {
        var page = this.hash.substr(1);
        $('#contents').html("");
        $('#content_wrapper').block();

        $.get(page +'.php', function(gotHtml){
            $('#contents').html(gotHtml);
            $('#content_wrapper').unblock();
        });
        return false;
    });
});

HTML

<div id="contents" style="height:1200px; width: 620px">
    <!-- all html here that should be replaced-->
</div>

Answer 1

Почему бы вам просто не использовать $ .load ()?

$(function () {
    $('#gnav a').click(function (e) {
        e.preventDefault();
        $('#contents').load(this.hash.substr(1) +'.php')
    });
});