jQuery change event being called twice

Question

I have a form with some input and select boxes, each has class=\"myClass\". I also have the following script:

$(document).ready(function() {
            


        

Answer 1

if this occurred in IE, it may be this bug as it was for me: http://bugs.jquery.com/ticket/6593

updating to jQuery 1.7.1 worked for me.

Answer 2

For me - I had written the on change event inside a function. Moving it to $(document).ready(function () {}); solved my case.

Answer 3

Try debugging the code in Firebug rather than alerting. It may be loosing the focus and returning it is causing the appearance of two changes when there isn't two happening

Answer 4

All I can think of is that you used the same class on the form itself. if so, remove the myClass style from your form tag.

Corrected : http://jsfiddle.net/rY6Gq/1/

Faulty one with double alert: http://jsfiddle.net/rY6Gq/

Answer 5

It isn't: http://jsfiddle.net/nfcAS/

Answer 6

e.stopImmediatePropagation(); is what worked for me.

$(document).ready(function() {
    $(".myClass").change(function(e) {
        e.stopImmediatePropagation();
        alert('bla');
    })
});