Question

I have gone over this for too long without any results, why isn’t this jquery working? I am trying to hide the “bid” div as an indicator of the functioning script, but alas, I cannot figure it out. thanks a million for your help

$(document).ready(function () {
    $('#bid').hide();
    $("#button").click(function () {
        var name = $("#name").val();
        var email = $("#email").val();
        var message = $("#message").val();
        var dataString = 'name=' + name + '&email=' + email + '&message=' + message;


        $.ajax({
            type: "POST",
            url: "contactform.php",
            data: dataString,
            success: function () {
                $('#form').hide();
                $('#messager').fadeIn();
            };
        });
        return false;
    });
});

Answer 1

Change

success: $(function() {
     $('#form').hide();  
    $('#messager').fadeIn();
});  

To

success: function() {
     $('#form').hide();  
    $('#messager').fadeIn();
}