Have a look at this jsFiddle
The mouseenter/mouseleave don’t appear to be firing correctly when using jQuery in conjuction with SVG (Raphael 2.0). I know out of the box SVG jQuery isn’t 100% compatible with SVG, however, as far as I can see it only seems to effect IE9.
The weird thing is if you rapidly move your mouse on/off the svg element (making sure you come right off the HTML pane in doing so) and back onto it the events do fire (but not everytime). Just to make sure it wasn’t a general problem with on I hooked up the click event which works fine, everytime.
Just wondering if anyone knows if this is a bug or even a known issue?
This is a bug in 1.7.2. See ticket.
Problem goes away if I use jQuery (edge) so should be fixed in the next scheduled release (1.8).