[jquery js] problem z preventDefault, event a e Opcje

[martex]

[HTML] pobierz, plaintext 
$( '#submit' ).click( function () {
 
        event.preventDefault();
        $.ajax( {
            url: "send.php",
            data: {
                'name': $( '#name' ).val(),
                'email': $( '#email' ).val(),
                'phone': $( '#phone' ).val(),
                'message': $( '#message' ).val()
            },
            type: 'POST',
            success: function (  ) {
                $( '.send-message' ).html( 'Wyslano' );
                $( '#name' ).val();
                $( '#email' ).val();
                $( '#phone' ).val();
                $( '#message' ).val();
            },
            error: function (  ) {
                $( '.send-message' ).html( 'error' );
            }
        });
    });
[HTML] pobierz, plaintext 

TO działa i ładnie nie przeskakuje do kolejnego okienka ale można wysyłać puste wiadomości nie działa required html'owy a taka walidacja mi wystarczy za to poniżej działa walidacja htmlkowa ale przeskakuje do send.php

[HTML] pobierz, plaintext 
$('submit').on('click', function (e) {
 
        e.preventDefault();
        $.ajax( {
            url: "send.php",
            data: {
                'name': $( '#name' ).val(),
                'email': $( '#email' ).val(),
                'phone': $( '#phone' ).val(),
                'message': $( '#message' ).val()
            },
            type: 'POST',
            success: function (  ) {
                $( '.send-message' ).html( 'Wyslano' );
                $( '#name' ).val();
                $( '#email' ).val();
                $( '#phone' ).val();
                $( '#message' ).val();
            },
            error: function (  ) {
                $( '.send-message' ).html( 'error' );
            }
        });
    });
[HTML] pobierz, plaintext