Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div class="draggableItem">draggableItem</div>
<div class="groupWrapper">draggableWrapper</div>

JavaScript

$(".draggableItem").draggable({
            revert: 'invalid', 
            helper: 'clone',
            cursor: 'move',
        });

        $(".groupWrapper").droppable({
            drop: function(event, ui) {
                $(ui.draggable).replaceWith("I should replace the cloned draggableItem within draggableWrapper not the original draggableItem");
            }
        });