title: Why does my if statement return greater than 1 when there's only one element selected?
body: <p>Why my "more than 1 system" appear with only one .system, :</p>
  
  <p>as you can see in codepen when I drag and drop 1 <code>class="systeme"</code> into <code>#dz</code> , the "more than 1 system</li> " appear but it shouldnt because its not </p>
  
  <p><code>$("#dz").find(".systeme").length &gt;= 1</code></p>
  
  <p>but </p>
  
  <p><code>$("#dz").find(".systeme").length &gt; 1</code></p>
  
  <pre><code>$("#dz").droppable({
      accept: ".systeme",
      drop: function(e, ui) {
           $(ui.draggable).clone().appendTo($("#dz"));
           if ($("#dz").find(".systeme").length &gt; 1) {
               $("#docs").html("&lt;li&gt;more than 1 system&lt;/li&gt;");
           }
      }
  });
  </code></pre>
  
  <p><a href="https://codepen.io/Cyril29/pen/dybLaam" rel="nofollow noreferrer">codepen</a></p>
  
  <p>Thks</p>