Clone of jQuery Ui is not work
<p>I have jquery program to do for drag the clone of the element. When user drag the elements it make clone of it and dragged. But when another time trying to drag it did not work.<br>
Here is the code....<br>
for drag...</p>

<pre><code>  jQuery('.item-art').draggable({
    helper:  function () {
      return jQuery(this).clone(true).appendTo('body').css({'zIndex':5});
    },
    cursor: 'move'
  });
</code></pre>

<p>for drop...</p>

<pre><code> jQuery('#canvas').droppable({
    activeClass: 'ui-state-hover',
    accept:  '.item-art',
    drop:  function (event, ui) {
      var $canvas = jQuery(this);
      if(!ui.draggable.hasClass('canvas-element')) {
        var $canvasElement = ui.draggable.clone(true);
        $canvasElement.addClass('canvas-element');
        $canvas.append($canvasElement);
        $canvasElement.css({
          left: (ui.position.left - $canvas.offset().left),
          top: (ui.position.top - $canvas.offset().top),
          position: 'absolute'
        });
</code></pre>

<p>for resize and again draggable...</p>

<pre><code>var elementMethods = {
    afterSpawn: function($spawnedElement) {
      if(typeof $spawnedElement.data('resizable') !== 'object') {
        $spawnedElement.resizable({ 
          handles: 'n, e, s, w'
        }).draggable({ cursor: 'move'});
      }
</code></pre>

<p>I can't know why first time the widget element dragable but not the second time? </p>
