Вставить содержимое в JQuery изотоп

Question

У меня есть один div с изотопом, и я пытаюсь вставить в него содержимое из другого div. Но я застрял.

Так я пытался получить содержание от div2 с .html() и вставить его в изотоп с изотопом («вставки», div2.html()), и он не работает

<div id="content1" > 
    <div class="large item"> <img src="images/5.jpg" /> </div> 
    <div class="small item"> <img src="images/7.jpg" /> </div> 
    <div class="medium item"> <img src="images/6.jpg" /> </div> 
    <div class="medium item"> <img src="images/13.jpg" /> </div> 
    <div class="small item"> <img src="images/7.jpg" /> </div> 
</div> 
<div id="content2" > 
    <div class="box item"> 
    <p>blabla</p> 
    <ul> 
     <li> 
     aaaa 
     </li> 
    </ul> 
    </div> 
</div> 

var $container = $('#content1'); 
    $container.isotope({ 
      // options 
     itemSelector : ".item", 
     masonry: { columnWidth: $container.width() * 0.125}, 
     resizable: false, 
     animationEngine : 'jquery' 

    }); 

    var $newItems = ''; 
    $container.isotope('insert', $newItems); 

сейчас моя проблема в том, когда я это сделать

var $newItems = $('#content2').html(); 

ничего не происходит, но когда я это сделать

var $newItems = $('<div class="box item"><h1> Lorem ipsulm </h1><p>Lorem ipsum dolor</p>sit amet, consectetur adipiscing elit.</p></div>'); 

он вставляет его без проблем ,

EDIT: он должен вставить его, когда я нажимаю кнопку

Answer 1

изотоп ожидает DOM-элемент, а не строка.
Это работает для меня:

var node = $('<div/>', { 
    html: $('#content2').html() 
}); 
$container.isotope('insert', node);