title: jQuery positioning and appending a div on mouse move
body: <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>