Demo with CSS cursor problem

CSS cursor property isn't aware of dynamic changes, it requires mouse movement.

HTML

<div class="drag">hover me!</div>
<p>Click somewhere below. The cursor style doesn't change until you move the cursor at least 1px.</p>

CSS

html, body { height: 100%;}
.drag {cursor:pointer; background-color: lightgreen;}

JavaScript

$(document).ready(function(){
    $("body").on("click", function(c){
        $(".drag").offset({
            top: c.pageY-8,
            left: c.pageX-25
        });
    });
});