I have an jquery element like this $(<td><input id="abc" type="radio"/><label for="abc" /></td>)
I bind my click handler to <td> element. if I click the <label> element, it will propagate to <td> and then forward to <input> since the for="abc" is there. then <input> click is fired and propagate to <td>. My <td> click got fired twice. That's not the bug. The bug is if I use css visibility:hidden to hide my <input>. <label> click event will stop forwarding to my hidden <input> in IE7 (not tested in IE5,6,8). But FF3 works just fine!
I think the FF way is more suitable since it is hidden but not removed!
I need some information to work around this. 1. could I forward the event to my hidden input manually (for IE)? 2. could I get which element is propagating the event to me (input/label)?