Hi folks, I have a column of input boxes in a table that have a .change(fn) event bound to them on doc.ready on the basis of their class.  I need to dynamically add more rows to that table, which I can do fine, but obviously these new input boxes don't get that event bound to them.  I have tried using .live('change', fn) but as I understand it this doesn't work in IE due to event bubbling, correct?

So next, I moved the $('.<classname>').change(fn) to its own method (called BindInputs() ) and am calling that on doc.ready ok.  When I add in a new row, is it ok, and correct, to call $('.<classname>').unbind('change'); at the start of the BindInputs() function, which will then, afterwards call $('.<classname>').change(fn); and rebind the the event, or will this cause any problems if repeatedly called for multiple table row additions?

 

I think someone will suggest it, and I think there is a .liveQuery plugin out there that should handle this, but I am rather loath to use it as it will bring in another element and so will require a load of retesting of my existing code - esp if there is another way of doing this which doesn't require any new libraries.

 

Thanks

 

MH