event.preventDefault() working in Chrome, not Firefox for a submit button

Question

I have the following submit button:

 <input type="submit" name="submit" value="Send" class="mybutton" />

When I use the following code

$(document).ready(function(){
        $("#submit").submit(function(){
                event.preventDefault();
                console.log('test');
        }
});

My page is refreshing in Firefox, but not Chrome. Can anyone point me in the right direction?

I would like to use the submit button for a jQuery .ajax call (not a regular form submit)

Answer 1

You need make sure you add event to the parameter list of the event function. I think some browsers have a global event, that's why it works in some browsers.

$(document).ready(function(){
   $("#submit").submit(function(event){  // The event is passed to this function
      event.preventDefault();
      console.log('test');
   }
});

Answer 2

Have you tried passing the event through as a variable?

$(document).ready(function(){
    $("#submit").submit(function(e){
            e.preventDefault();
            console.log('test');
    }
 });

Answer 3

Simply in the function onclick for the submit button write down like this

onclick="return myfunction();"

and inside the function statements

myfunction () {
return false;};

Answer 4

Pass the event parameter in the function callback Try this

$(document).ready(function(){
        $("#submit").submit(function(event){
                event.preventDefault();
                console.log('test');
        }
});