从字符串中截取特定DOM节点和子节点，插入新div

Question

我需要从一个页面中提取特定的DOM节点和子节点，然后将其插入到另一个页面中。我已经接近这个了，但它似乎只是抓住了包含元素，而不是根据需要抓住孩子：

  fetch('/sameorigin/page', {})
    .then(function(res){
      return res.text();
    })
    .then(function(res){
      var html = res;
      console.log($(html).find('#chart')[0], 'chart');

      var chartOne = $(html).find('#chart')[0];

      $('#chartOne').append( chartOne );
    }) 

这只是给了我一个没有孩子的空<div id="chart></div>。我试过$(html).find和`$（html）.children（），都给出了一个空div的相同结果

如何将div与其所有子项一起使用并将其插入#chartOne的当前页面？