title: drag and drop, prevent awkward highlighting?
body: <p>I'm building a drag and drop method, using query
  -onmousedown
  leading to -onmousemove (drag) then -onmouseup (unbinds onmousemove)</p>
  
  <p>the problem is, browser defaults begin highlighting onmousemove, which flies all over the page and cancels the event, rendering it unusable. any idea how to prevent highlighting, for preventDefault seems not to be working. here is my code (yes its very sloppy, sorry!)</p>
  
  <pre><code>$(".middleRow").mousedown(function(){
   calculateSelection();
  
    $('body').append('&lt;div class="messageDrag" style="display:block"&gt;'+numSelected+'&lt;div        style="font-size: 18px"&gt;messages&lt;/div&gt;&lt;/div&gt;');
  
  
   $(document).mouseup(function(){
  
          $('.messageDrag').fadeOut(500);
  
          setTimeout(function(){
          $('.messageDrag').remove();
          }, 500);
  
  
          $(document).unbind();
  
  
      })
  
  
  $(document).mousemove(function(e){
  
  
      e.preventDefault();
  
  
      var x = e.pageX;
      var y = e.pageY;
      $(".messageDrag").css("left", x-49);
      $(".messageDrag").css("top", y-49);
  
  
  });
  
   });
  </code></pre>