jQuery live() and Internet Explorer

Question

I have select inputs dynamically added to form by

$(selector).append(html)

I'm using live('change',handler) to bind change event for all selects. The problem is that code is fine in all browser, except Internet Explorer (all versions).

I've replaced live() with the plugin livequery() still working in all browser and i have strange behaviors in Internet Explorer.

Could someone tell me the right way to bind events to elements that will be created after page has finished loading?

And if you know some good debugging tool for tracking Ajax requests (Internet Explorer).

Thans. Microsoft for makes life harder.

Answer 1

This sounds like you're still using a pre-1.4.2 release of jQuery, if you upgrade to the jQuery1.4.2 release your problems should go away.

1.4.2 included an events module re-write that resolved the change bubbling issue in IE.