modifying cloned select box makes it unresponsive in IE
This feels like a bug to me, but I don't have much experience with jQuery so I'm posting here first.
In short: if I clone a select list, and then remove an option from the cloned list, it becomes unresponsive in IE (so far I've tried IE versions 8.0.6, 8.0.7, and 9.0.8).
Here's a jsbin snippet, because I couldn't reproduce it in jsfiddle:
http://jsbin.com/otawoc/5/quiet
And the code:
http://jsbin.com/otawoc/5/edit
The second select list has been cloned from the first one. When you press the button, a handler removes an option from each select list. At this point, the cloned list becomes unresponsive in IE.
It looks like this problem was introduced in jQuery v1.5.0: running the same example w/ v1.4.4 seems to work.
Here's the equivalent jsbin using jQuery v1.4.4 (should work):
http://jsbin.com/otawoc/6/quiet
...and v1.5.0 (shouldn't work):
http://jsbin.com/otawoc/7/quiet
Am I doing something drastically wrong here? Is there a more accepted way to clone and/or modify select lists that won't cause these problems?
Thanks in advance.