Chrome JQ UI Drag/Drop Bug

by TheFiddler

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css">
<div class="draggable yellow"></div>
<div id="droppable"></div>

CSS

.draggable {

background: #ccc;
width:100px;
    height:100px;
    margin:10px;
}
#droppable{
    background: #faa;
width:30px;
    height:30px;
    margin:10px;
}
.redborder {
    border:2px solid red;}
.greenborder{
    border:2px solid green;
}

JavaScript

$(".draggable").draggable({
    stack: ".draggable",
    revert: "invalid",
    helper: "clone"
});
$("#droppable").droppable({
    accept: 'draggable',
    drop: function(event, ui) {
        alert("HIT");

    }

});