Naive drag and drop

naiveDd.js

var draggable = $("#drag");
var handle = draggable.find(".handle");
handle.on("mousedown.drag", function mousedown(e){
	handle.off("mousedown.drag");
  
	draggable.animate({ opacity: 0.5 });
	draggable.on("mouseup.drag", function mouseup(e){
		draggable.off("mouseup.drag");
		$("body").off("mousemove.drag");
		handle.on("mousedown", mousedown);

		draggable.animate({ opacity: 1 });	
 		// detect location and possibly do something
	});
	$("body").on("mousemove.drag", _.throttle(function(e){
		draggable.css({ left: e.pageX, top: e.pageY });
	}, 100));
});