$.ajax post working in Chrome, but not in Firefox

Question

Okay, I\'ll be short. I have this script which is putting values in database. It\'s working perfect in Chrome, Safari, but can\'t make it work in Firefox or IE. It seems tha

Answer 1

You didn't define event as parameter of the event handler, hence in

event.preventDefault();

the browser tries to look up event in the global scope. Chrome happens to provide the event object in global scope (hence no error) but Firefox doesn't (hence an error).

I'd suggest to add the event parameter to the event handler:

$("#dodaj").click(function(event){
    event.preventDefault();
    // ...
});

There is an additional difference: If you don't define the event parameter, event will refer to the native event object in Chrome, which is different than the event object which jQuery passes to the handler.

To learn more about event handling with jQuery, I recommend to go through these articles.