[AJAX]Niedziałający formularz - brak reakcji Opcje

[Matt23]

Witam, posiadam taki oto kod

[HTML] pobierz, plaintext 
<form id="mail">
        <input id="sender_name" type="text" class="feedback-input">
        <input id="sender_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required>
        <input id="recipient_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required>
        <input id="subject" type="text" class="feedback-input" required>
        <textarea id="content" class="feedback-input" required></textarea>
        <input type="submit" value="Send">
        <div id="result"></div>
    </form>
[HTML] pobierz, plaintext 

Do tego ajax

[PHP] pobierz, plaintext 
$(document).ready(function() {
    $("#mail").submit(function(event) {
        var sender_name = $('#sender_name').val();
        var sender_address = $('#sender_address').val();
        var recipient_address = $('#recipient_address').val();
        var subject = $('#subject').val();
        var content = $('#content').val();
 
        $.ajax({
                type: 'POST',
                url: 'mail.php',
                data: {
                    sender_name: sender_name,
                    sender_address: sender_address,
                    recipient_address: recipient_address,
                    subject: subject,
                    content: content
                }
            })
            .done(function(response) {
                console.log('Ajax success');
                var message = response === "OK" ? "Poszło" : "Error";
                $('#result').val(message);
            })
            .fail(function() {
                console.log('Ajax error');
            });
    });
});
[PHP] pobierz, plaintext 

I plik mail.php o zawartości

[PHP] pobierz, plaintext 
<?
echo 'OK';
?>
[PHP] pobierz, plaintext 

Formularz po wysłaniu zeruje swoje pola, nie przypisuje niczego do pola #result, a konsola wyglada tak:



Proszę o pomoc.

[Pyton_000]

dodaj
event.preventDefault();
przed var'ami

dodaj msg do funkcji fail i zrób consol.log z niej.

[Matt23]

Dzięki, teraz wszystko gra z wyjątkiem tego, że #result nie otrzymuje zawartości zmiennej message. Console.log mówi, że message ma prawidłową wartość więc nie rozumiem czemu nie zostaje ona wpisana do diva.

Edit, poradziłem sobie, val() zmieniłem na html()

Ten post edytował Matt23 17.01.2015, 18:00:34