title: Push objects to array without removing from DOM
body: <p>I have done a lot of searching but I feel like the answer could be very simple. </p>
  
  <p><strong>What I Have:</strong>  jQuery taking list items from a div and pushing them into an array to append into somewhere else.</p>
  
  <p><strong>What is happening:</strong> The objects are being pushed to the array, but they are also getting removed from the DOM.</p>
  
  <p><strong>What I need:</strong> To push them to the array, but also leave the originals where they were.</p>
  
  <p>Here is the code I'm using for reference</p>
  
  <pre><code>  var leftItems = [];
    var rightItems = [];
  
    $('.footer-top li').slice(0,6).each(function(i) {
      leftItems.push(this);
    });
  
    $('.footer-top li').each(function(i) {
      rightItems.push(this);
    });
  
    $.each(rightItems, function(index, value) {
      $('.footer-menu-mob ul.right').append(this);
    });
  
    $.each(leftItems, function(index, value) {
      $('.footer-menu-mob ul.left').append(this);
    });
  </code></pre>