Question

I am having issue making a form be sent using ajax.

Here is my code:

<form id="form" method="get">
    <input type="text" name="name" id="name"><br>
    <input type="text" name="email" name="email"><br>
    <input type="submit" id="submit" value="submit">
</form>


$('#submit').click(function(event){
    alert('ajax');
});

The “ajax” alert shows, but then the page gets reloaded! How can I stop this behaviour?

Answer 1

You have to use preventDefault

$('#submit').click(function(event){
    event.preventDefault();
    alert('ajax');        
});