Ocultar div após request Ajax

Estou realizando um formulário em ajax e estou tendo alguns problemas na parte jQuery/Ajax.

O formulário é enviado corretamente porém queria que ao ter sucesso no envio, ocultasse o form_envia_mensagem e exibisse uma div com mensagem "mensagem enviada". (coisa que não está acontecendo)

Como poderia resolver esse problema?

    $('#form_envia_mensagem').submit(function(event) {

        event.preventDefault();
        var dados = $('#form_envia_mensagem').serialize();
        $.ajax({
            method: 'POST',
            dataType: 'json',
            url: 'http://meulinklink.com.br/post',
            async: true,
            data: dados,
            success: function(response) {
              $('#form_msg_ao_vivo').hide();

               $('#mensagem-enviada').show();
            }
        });
        $("#mensagem").val("");

        return false;

    });