title: Element disappearing
body: <p><a href="http://jsfiddle.net/ddGHz/1004/" rel="nofollow noreferrer">http://jsfiddle.net/ddGHz/1004/</a></p>
  
  <pre><code>//html
  
  &lt;div id = "anglereturn"/&gt;
  &lt;div class="box"&gt;&lt;/div&gt;
  
  //js, jquery
  
  var box=$(".box");
  var boxCenter=[box.offset().left+box.width()/2, box.offset().top+box.height()/2];
  
  $(document).mousemove(function(e){    
  
  
  var angle = Math.atan2(e.pageX- boxCenter[0],- (e.pageY- boxCenter[1]) )*(180/Math.PI);     
  
  box.css({ "-webkit-transform": 'rotate(' + angle + 'deg)'});    
  box.css({ '-moz-transform': 'rotate(' + angle + 'deg)'});
  box.css({ 'transform': 'rotate(' + angle + 'deg)'});
  
  $("#anglereturn").text(angle);
  
  });
  
  //css
  
  .box{
      background-color: black;
      width: 30px;
      height: 30px;
  
      position: absolute;
      left: 200px;
      top: 200px;
  }
  </code></pre>
  
  <p>in this fiddle it has a small black box that rotates to face the mouse pointer, i added another element that shows what current angle the object is at, but once the mouse is moved into the area, it disappears and only the angle shows, how would i fix this?</p>