drag & drop shoping cart basic

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>drag & drop</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<style>
.content div {width:500px;height:500px;display:inline-block;border:2px solid #666;}
#goods {background:#0f0;}
#goods div{width:100px;height:100px;float:left;margin:10px;background:#fff;}
#cart {background:#ff0;}
</style>
</head>
<body>
    <div class="content">
        <div id="goods">
            <div>상품1</div>
            <div>상품2</div>
            <div>상품3</div>
            <div>상품4</div>
            <div>상품5</div>
            <div>상품6</div>
            <div>상품7</div>
            <div>상품8</div>
        </div>
        <div id="cart"></div>
    </div>
    <script>
    $(function(){
        $("#goods > div").draggable({
            revert:true
        });
        $("#cart").droppable({
            drop: function(event,ui){
                //var gname=ui.draggable.html();
                //alert(gname);
                ui.draggable.draggable("option","revert", false );
                ui.draggable.draggable("option","containment", "#cart" );
            }
        });
    });
    </script>
</body>
</html>