Jquery drag and drop ?How to make the drag div fixed
<p>Link to the code -<a href="http://jsfiddle.net/GheD5/35/" rel="nofollow">JS FIDDLE LINK</a></p>

<pre><code>var makeDrag = function(){
    $("#hello").draggable({
        stop: function(){
            alert("Done dragging");

            $("#hello").draggable("destroy");

            var copy = $("#hello").clone(true);
            $("body").append(copy);
            copy.html("DRAG");
            copy.draggable();
            copy.css("left","120px");
            copy.css("top","140px");

            makeDrag();
        }
    });
}

makeDrag();

&lt;div id="hello"&gt;DRAG&lt;/div&gt;//THIS DIV SHOULD BE FIXED IN THE SAME POSITION 
</code></pre>

<p>I am able to drag and drop but i the div hello to be fixed ? how to achieve this? For eg <a href="http://www.monkeyphysics.com/mootools/script/1/dragghost" rel="nofollow"><strong>EXAMPLE LINK</strong></a></p>
