On this code draggable and helper:clone function wont work together (without helper:clone code work fine but without cloning what I need)

so how to fix that? Where I wrong? Is problem with #dropable accept argumnet?

<script> $(function() { $( ".draggable" ).resizable(); $( ".draggable" ).draggable({ revert: 'invalid', helper: 'clone', // <---- snap: "#drop_here td", opacity: 0.7 }); $( "#drop_here td" ).droppable({ accept: '.draggable', drop: function( event, ui ) { $( this ) .find( "p" ) .html( "Dropped!" ); } }); }); </script>

Here is the full code: http://www.jsbin.com/erofot/12

How I can solve that problem?