title: drag and drop while keeping copy of dragged element
body: <p>I want to drag and drop input elements from one div to another div while keeping the copy of dragged element in parent div.i achieve this.but after dropping
   into droppable div still it is performing drag and drop function.and
   allowing to make multiple copy also.but i don’t want this.. how this
   can be avoid in droppable div.</p>
  
  <pre><code>           function allowDrop(ev)
                      {
                          ev.preventDefault();
                      }  //alert("droped");  //alert("droped");
  
                      function drag(ev) 
                      {
                        //alert("dragging");
                          ev.dataTransfer.setData("Text",ev.target.id);
                      }
  
                      function drop(ev)
                      {             
                          var data=ev.dataTransfer.getData("Text");
          ev.target.appendChild(document.getElementById(data).cloneNode(true));
                          ev.preventDefault();
      }
  
  html page:
  
      &lt;div id="drag1"  draggable="true" ondragstart="drag(event)" &gt;
  &lt;div id="drag1"  draggable="true" ondragstart="drag(event)" &gt;
  
              &lt;div class="drag"  onclick='return false;'readonly&gt;
              &lt;label&gt;
                  textbox&lt;/label&gt;&lt;input  type="text" name="text" value=""&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;br&gt;
  
          &lt;div id="drag2" class="drag" draggable="true" ondragstart="drag(event)" &gt;
              &lt;div onclick='return false;'&gt;
                  &lt;input type="radio" name="" value=""&gt;&lt;label&gt;check button&lt;/label&gt;&lt;br&gt;
              &lt;/div&gt; &lt;br&gt;
          &lt;/div&gt;
  
          &lt;div id="drag3" class="drag" draggable="true" ondragstart="drag(event)" &gt;
              &lt;div&gt;
                  &lt;input type="checkbox" name="" value=""&gt;&lt;label&gt;check box&lt;/label&gt;&lt;br&gt;
              &lt;/div&gt; 
          &lt;/div&gt;&lt;br&gt;
  </code></pre>
  
  <p>
      </p>