Drag and Drop using jQuery

Question

I want to do a simple drag-drop using jQuery. I have not done anything so far, but previous attempts were unsuccessful.

Answer 1

Have you tried jQuery UI Draggable? Simple use case:

<script type="text/javascript">
    $(function() {
        $("#draggable").draggable();
    });
</script>

<div id="draggable" class="ui-widget-content">
    <p>Drag me around</p>
</div>

Answer 2

Online Demo Created.

See this please.

Other Option:

JQuery Drag & Drop Plugin.