Atualizar paginas do menu via ajax (problema com functions baseado em classes)

function Open(url, descricao) {
   // event.preventDefault();
    url = '@Url.Content("~/")' + url;
    $.ajax({
        url: url,
        type: 'GET',
        success: function (response) {
            console.log("s");
            $('#principal').html($(response).find('#Conteudo2'));
            window.history.pushState("object or string", descricao, url);

        },
        error: function () {
            alert('Ocorreu um erro!');
        }
    });
}

$(document).on("click", ".btn-delete", function () {
        var link = $(this).attr("id");
        var removeItemEl = $(this);

        confirm("Você tem certeza que deseja excluir o pais registro?",

            function () {
                $.ajax({
                    type: "POST",
                    url: "Pais/delete",
                    data: {
                        id: link
                    },
                    success: function (data) {
                        removeItemEl.closest("tr").remove();
                    },
                    error: function (data) {
                        alert("O País já foi utilizado, não é possível deletar o registro!");
                    }
                })
            }

            , "Confirmação de exclusão");


    });