$("#newsletter").submit(function() {
    
    // Gera mensagem com pequena imagem de loading. Uma dica visual para o usuário
    $(".messages").html("<img class=\"ajaxloadimg\" src=\"img/loader.gif\" /></code><p class=\"save\">Aguarde, salvando dados</p>");
    
    // Desaparece com o botão de enviar para não ficar clicando mais de uma vez e acabar registrando mais
    // de uma vez a mesma pessoa
    $("#newsletter input[name=submit]").hide();
    
    // Pega os dados do formulário e coloca numa vetor
    var formdata = $("#newsletter").serialize()

    // Ajax para enviar os dados a serem tratados pelo parser "newsletter.php" 
    // que será responsável em enviar os dados para o banco de dados
    // 
    // Em caso de sucesso ele mostrará um "Obrigado pelo cadastro"
    //
    // Em caso de erro ele mostrará uma mensagem "Erro não foi possível o cadastro"
    $.ajax({
    
        type: "POST",
        url: "php/newsletter/newsletter.php",
        data: formdata,
        timeout: 2000,
        success: function() {
            $("#newsletter input[name=submit]").show();
            $("#newsletter input").attr("disabled", "");
            $("#newsletter .messages").hide();
            $("#newsletter .messages").html("Obrigado pelo cadastro!");
            $("#newsletter .messages").show();
        },
        error: function() {
            $("#newsletter input[name=submit]").show();
            $("#newsletter input").attr("disabled", "");
            $("#newsletter .messages").html("Erro n&atilde;o foi poss&iacute;vel o cadastro");
        },
    });
    return false;
});