Jestem względnie nowy w jquery i ajax i jestem zdumiony możliwościami!

Pracuję nad moim pierwszym formularzem webowym ajax, jquery (z wtyczką walidacyjną). To prawie gotowe, ale mała rzecz, której nie rozumiem. Chcę wyświetlić ikonę ładowania i wyłączyć przycisk wysyłania za pomocą metody beforeSend. Ale to nie działa i chrome nie pokazuje żadnych komunikatów o błędach.

Oto kod

$(document).ready(function(){
$("#Formular").validate({
    rules: {
        name: "required",
        email: {
            required: true,
            email: true
        },
        yname: "required",
        yemail: {
            required: true,
            email: true
        }  
    },
    submitHandler: function(form) {
        theUrl = 'send.php';
        var params = $(form).serialize();
        $.ajax ({
            type: "POST",
            url: theUrl,
            data: params,
            beforeSend : function(){
                $('.loading_icon').show();
            },              
            processData: false,
            async: false,
            success: function(response) {
                $('#response').hide();
                $('#response').html(response);
                $('#response').fadeIn('slow');
                $('.loading_icon').hide();  
            }
        });
    }
});

});

Ikona ładowania nie pojawia się. Pracował przed obiektem submitHandler, więc css ma rację, a obraz także.

Tutaj część, która nic nie robi:

                beforeSend : function(){
                $('.loading_icon').show();
            },  

Szukałem tu i w dokumentacji, ale nie znalazłem żadnego rozwiązania. Dzięki za pomoc!