部分视图呈现按钮单击复制页眉/页脚

Question

我正在尝试在应用程序上创建一个后退按钮，以便用户可以返回并更改他们可能需要修复或更新的内容。我正在使用这个javascript：

    $(function () {
    $(':button').click(function () {
        $.ajax({
            url: $(this).data('url'),
            type: 'GET',
            cache: false,
            success: function (result) {
                $('#step1').html(result);
            }

        });
        return false;
    });
});

和这段代码：

<input type="button" value="Back" id="back" class="btn btn-default cancel" data-url="@Url.Action("Index", "Home")" />

当我点击我的后退按钮时，它发生了两次页眉/页脚，看起来好像在我的'＃step1'div中。如何保持页眉/页脚形式渲染两次？

更新：

    $(function () {
    $(':button').click(function () {
        $.ajax({
            url: $("#step1").load($(this).data('url')),
            type: 'GET',
            cache: false,
            success: function (result) {
                $('#step1').html(result);
            }

        });
        return false;
    });
});