title: Jquery draggable(), clone() to append div...Pls Fiddle my jsfiddle
body: <p>UPDATE:</p>
  
  <p><a href="http://jsfiddle.net/wJUHF/7/">http://jsfiddle.net/wJUHF/7/</a> <br>
  This is the updated and working fiddle for anyone that may read this.
  <br><br><br></p>
  
  <p>I am trying to get this jfiddle to work.</p>
  
  <p>here is where the problem lies. I can drag the image to the container. It appends a clone, with no problem. When I click to drag the cloned image in the container it works properly the first time. The second time I click to drag, it doesnt drag but clones the already cloned image. To better understand, I have created a jsfiddle. please have a look and let me know where I am going wrong here.</p>
  
  <p><a href="http://jsfiddle.net/wJUHF/">http://jsfiddle.net/wJUHF/</a></p>
  
  <p>Thanks</p>
  
  <p>CODE:</p>
  
  <pre><code>$(function(){  
      //Make every clone image unique.  
      var counts = [0];  
      $(".dragImg").draggable({
          helper: "clone",
          //Create counter
          start: function() { counts[0]++; }
      });
  
      $("#dropHere").droppable({
          drop: function(e, ui){
              $(this).append($(ui.helper).clone());
              //Pointing to the dragImg class in dropHere and add new class.
              $("#dropHere .dragImg").addClass("item-"+counts[0]);
              //Remove the current class (ui-draggable and dragImg)
              $("#dropHere .item-"+counts[0]).removeClass("dragImg ui-draggable ui-draggable-dragging");
              //not working 100%           
              $(".item-"+counts[0]).dblclick(function(){
                  $(this).remove();
              });     
  
              //make the div draggable --- Not working???    
              make_draggable($(".item-1"));              
          }
      });
  
      var zIndex = 0;
      function make_draggable(elements)
      {   
          elements.draggable({
              containment:'parent',
              start:function(e,ui){ ui.helper.css('z-index',++zIndex); },
              stop:function(e,ui){}
          });
      }
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="dragImg"&gt;&lt;img src="http://placehold.it/80x80"&gt;
       &lt;/div&gt;
      &lt;div id="dropHere"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#dropHere {
      width:400px;
      height: 400px;
      border: dotted 1px black;
  }
  </code></pre>