Как завернуть картинки из цикла в div ?

[Yulo]

Вот небольшой кусок кода. Как мне завернуть каждую картинку в <div class="item"></div> и вывести по порядку внутри блока .slider. Вроде и простая задача, но у меня только 1 картинка выводится и из статьи все картинки исчезают, а так не должно быть они должны остаться в статье и отдельно в .slider

$(document).ready(function() {
    // Все изображения из статьи с классом .toslide
    var takeImages = $('.bodyArticle .toslide');
    // Добавляю к первой картинке класс актив
    $(takeImages[0]).addClass('active');
    // Ко всем картинкам добавляю аттрибут data-slide-to
    // получаю    
    // <img src="" class="toslide active" alt="" data-slide-to="0">
    // <img src="" class="toslide" alt="" data-slide-to="1">
    // и т.д.
    takeImages.each(function(i) {
        $(this).attr('data-slide-to', i);
        console.log(this)
    });
});

 

[Absolute]

var a = takeImages.clone();
  var wrapItem = $('<div />', {
    class : 'item'
  });
   a.appendTo('.slider');
  a.wrap(wrapItem);