Follow mouse position with div (jQuery) - issue when scrolling
<p>I've created a custom svg #cursor that follows my mouse position with jQuery (replacing the cursor using css limits the image size to 32px and looks pixelated on Retina, so I want to stick with using jQuery).</p>

<p>ISSUE: when the user scrolls, the cursor does not move which creates a jerky effect: <a href="https://jsfiddle.net/jhhbrook/ucuLefut/" rel="nofollow">https://jsfiddle.net/jhhbrook/ucuLefut/</a></p>

<p>I want my svg cursor to follow smoothly. How can I do this?</p>

<pre><code>$(document).mousemove(function(e){
$("#cursor").css({left:e.pageX, top:e.pageY});
</code></pre>