When using the hover event in JQuery with Google Chrome, the mouseleave event gets triggered when entering a child input element, which is incorrect behavior.
An example of the behavior is in the following link.
http://jsfiddle.net/LtDan__/JwKP8/
Open it in Chrome and enter the textbox and you will see the background color change due to the mouseleave event firing.
Open it in any other browser and you will see that the background remains blue because the event has not fired.
I have used a workaround using mouse position. but this isn't as elegant as I would like it to be.
Does anyone else have any other suggestions?