Change cursor on hovering over a Raphael element
<p>A Raphael element is created dynamically (in response to user input, not upon page load). I want to use Raphael's .hover() method to change the cursor to "pointer" (the hand usually used for links) when the user hovers over the object. How can this be accomplished?</p>

<p>(I know that you can use CSS to achieve this effect, but because the DOM element is created via scripting, rather than being built into the page upon load, I don't know if CSS can be applied here, or how it would be if it can be.)</p>

<p><a href="http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&amp;preval=pointer" rel="nofollow">http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&amp;preval=pointer</a></p>

<p><a href="https://web.archive.org/web/20160121064823/http://raphaeljs.com/reference.html" rel="nofollow">https://web.archive.org/web/20160121064823/http://raphaeljs.com/reference.html</a></p>