Using a jQuery selections function as an eventHandler confuses jQuery.

[kitsunde]

$("button").live("click", $("div").hide );

Results in an error: Chrome 11 dev: #<HTMLButtonElement> has no method 'animate' Firefox 3.6: this.animate is not a function

Indicating that the hide call is being executed on the "button" selection rather than the "div" selection.

Test case: ​http://jsfiddle.net/bLAvM/

I've also tested in jQuery 1.3.2 which gives the same problem, and I've attempted to use $("button").click instead of .live with the same exception.

[Rick Waldron]

Replying to kitsunde:

$("button").live("click", $("div").hide );

Results in an error: Chrome 11 dev: #<HTMLButtonElement> has no method 'animate' Firefox 3.6: this.animate is not a function

Indicating that the hide call is being executed on the "button" selection rather than the "div" selection.

This happens because jQuery manages scope for callbacks in an unorthodox, yet consistent manner and all it sees you passing is a function definition, to which it will coerce the scope into whatever the calling selector set was.

Test case: ​http://jsfiddle.net/bLAvM/

I've also tested in jQuery 1.3.2 which gives the same problem, and I've attempted to use $("button").click instead of .live with the same exception.