title: jQuery - How to make a div follow a cursor... within its center
body: <p>So this is what I got.</p>
  
  <pre><code> &lt;div class="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code> .box {
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;
   height: 100px;
   background: yellow;
   }
  </code></pre>
  
  <hr>
  
  <pre><code> $(document).bind('mousemove', function(e){
   $('.box').css({
   top: e.pageY
   left:  e.pageX,
   });
   });
  </code></pre>
  
  <p>It works. The box follow the cursor. Problem is it follow the EDGE of the cursor. ie, the cursor holds the top left corner of the box.
  I want it to hold the center of the box, or another point that's not the edge. Any ideas how to do that?</p>
  
  <p>Sorry if this dumb. I'm good enough with HTML/CSS but just starting with javascript and jQuery.</p>