title: Why are clones moving but not original?
body: <p><a href="https://codepen.io/Jokris82/pen/RwaaZJP" rel="nofollow noreferrer">Codepen</a></p>
  <p>If I click on the box it will receive the class &quot;.selected&quot;.
  If I then press key &quot;x&quot;, it will create clones of itself.
  And if pressing the &quot;up&quot; arrow on my keyboard, the clones move up. But why doesn't the original square move up?</p>
  <pre><code>body.addEventListener(&quot;keydown&quot;, function (event) {
      if (event.keyCode === 38) { // up
          var allSelected = document.querySelectorAll(&quot;.selected&quot;);
          for (var i = 0; i &lt; allSelected.length; i++) {
              var currentPos = allSelected[i].style.top;
              var newPos = currentPos.slice(0, -2) // remove px
              newPos = parseInt(newPos); // make int
              newPos -= 30;
              newPos = newPos + &quot;px&quot;;
              allSelected[i].style.top = newPos;
          }
      }
  });
  </code></pre>