jQuery positioning and appending a div on mouse move
<p>Well i tried to do something like this :</p>

<pre><code>var oldX=0,oldY=0;
$('body').mousemove(function(e){
     $('.movestatus').text('mouse moved');
     var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
     $(".chords").text(clientCoords);
     var ap = $("&lt;div class='k'&gt;&lt;/div&gt;");
     ap.offset({ top: e.clientX, left: e.clientY });
         $("body").append(ap);
     oldX = e.clientX;
     oldY = e.clientY;
 });
</code></pre>

<p><a href="http://jsfiddle.net/kritya/nW53h/" rel="nofollow">Demo</a></p>

<p>Well this works <strong>BUT</strong> the added div are added a lot below where the mouse actually is and also not added always.</p>

<p>How can i fix this ?</p>
