.data() between event assignments makes bug in event order.

[soswow]

When I add 3 event bindings one for another for some element (I used select box) everything works normally (1st, 2nd 3rd events triggered like it should). But When I add .data({}) between first and second event bindings, I get 4 event calls (2nd, 3rd, 2nd, 3rd)

You can see it in action here: ​http://jsfiddle.net/fcmW8/

Also in the attachment.

[soswow]

Sample reproduction of bug

[soswow]

And If I add .data() after 3 event bindings, than no events are triggered at all. Example is here: ​http://jsfiddle.net/TURXC/

[soswow]

So, It works if I use .data(<property>, <value>) variant. Exmaple is here: ​http://jsfiddle.net/ey7eY/

[john]

I think you mean to call .data("a", 1) or .data().a = 1; What you're doing right now is completely overwriting the existing data the existing in the object - including deleting the bound event handlers (which is causing everything to become corrupted). Please use one of the two other techniques.

[soswow]

Oh, yeah. =( First bug report and so fail =( Sorry. I found this line "Note: Setting an element's data object with .data(obj) replaces all data previously stored with that element, including events that have been bound to the element." in api now ... oh.