title: jquery each function and drag and drop jquery ui
body: <p>why when i drag and drop 2 "Android" there are 3 "i want one li for each android inside #dz" inside #docs ? and 6 when i drop 3 etc...</p>
  
  <pre><code>    $("#dz").droppable({
          accept: ".systeme",
          drop: function(e, ui) {
              $(ui.draggable).clone().appendTo($("#dz"));
              setTimeout(function(){
  
                  $("#dz .android").each(function() {
                      $("#docs").append("&lt;li&gt;i want one li for each android inside #dz&lt;/li&gt;");
                  }, 10);
                });
          }
  </code></pre>
  
  <p><a href="https://codepen.io/Cyril29/pen/dybLaam" rel="nofollow noreferrer">https://codepen.io/Cyril29/pen/dybLaam</a></p>
  
  <p>Thanks!</p>