title: Jquery Drag and Drop without plugins
body: <p>I have tried to create a drag and drop plugin using JQuery.</p>
  
  <pre><code>$('.draggable').on{
    mousemove : function(){
      var mouseposition = { // this also needs to account for onclick offset of pointer vis-a-vis element
          x : pageX,
          y : pageY 
      };
      $(this).css({
        top : mouseposition.y,
        left : mouseposition.y
      });
    if( // this statement is kinda bogus, idea is to perform a collision detection via coordinate comparison
      $('.draggable').offset().top &lt; $(.droppable').offset().top 
      &amp;&amp;
      $('.draggable').offset().left &lt; $(.droppable').offset().left
    ) {
        alert('the item has been dropped');
    }
    }
  });
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/XTMK8/1/" rel="nofollow">demo</a> link what I have tried. </p>