jquery drag and drop functinality
<p>iam doing drag and drop functionality using jqury.I am getting "draggable" method not found error.
script follows</p>

<pre><code>&lt;script src="../Scripts/jquery-1.7.2.js" type="text/javascript"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $("#draggable").draggable({
            start: function (event, ui) {
                // flag to indicate that we want to remove element on drag stop
                ui.helper.removeMe = true;
            },
            stop: function (event, ui) {
                // remove draggable if flag is still true
                // which means it wasn't unset on drop into parent
                // so dragging stopped outside of parent
                if (ui.helper.removeMe) {
                    ui.helper.remove();
                }
            },
            // move back if dropped into a droppable
            revert: 'valid'
        });

        $("#droppable").droppable({
            drop: function (event, ui) {
                // unset removeMe flag as child is still inside parent
                ui.helper.removeMe = false;
            }
        });
    });
&lt;/script&gt;
</code></pre>

<p>this is html</p>

<pre><code>&lt;div id="droppable" style="border: 1px"&gt;
    &lt;p id="draggable"&gt;
        Drag me!&lt;/p&gt;
&lt;/div&gt;
</code></pre>
