Problem handling json object in ajax request

I have a function that makes a database in the database via ajax and then searches for the same object in the database to add information about it without reloading the page.

var respostaSubmit = function (response) {
    alertGeneric('modal-info', 'Aviso', response.Mensagem, response.Action); // aqui é feito o cadastro do objeto, funciona normalmente

    //ESTALINHA ABAIXO NEM MESMO É CARREGADAS 

    adicionarNovaAtividadeNaLista(); //função que busca o objeto no banco e adiciona ele na tela
};

function adicionarNovaAtividadeNaLista() {
    //abaixo é chamado um método no c# que busca o objeto no bacno e o retorna em formato json

    executeAjax(URLS.BuscarUltimaAtividade.format('atividade', idAtividade), 'GET', 'html', function (response) {
        //Abaixo o objeto retornado seria tratado para ser adicionado na tela

        var lista = document.getElementById('atividades');
        lista.outerHTML = lista.outerHTML.replace('</ul>', '<li class="atividade-style list-group-item" name="' + response[0].id + '"><span class="atividade">' + response[0].nome + '</span><div class="pull-right btn-group" style="position: absolute; right: 8px;"><button class="fa fa-pencil-square-o excluir-atividae btnSemBorda" onClick="editaAtividade(' + response[0].id + ')"></button></div></li></ul>');
    });
}