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 id="drag" style="width: 30px; height: 30px; background-color: Red;">x</div>
<div id="outer" style="padding: 50px; background-color: Green">
    <div id="inner" style="width: 100px; height: 100px; background-color: Blue; filter: Alpha(Opacity=100); opacity: 1">
        x
    </div>
    </div>

JavaScript

$('#outer').droppable({ drop: function() { alert("Outer"); } });
    $('#inner').droppable({ drop: function() { alert("Inner"); }, greedy: true });
    $('#inner').droppable('disable');
    $('#drag').draggable({revert: true });