Как обернуть тег вложенными тегами (Wrap JQuery)?

Question

[Forge0100]

Вот такой код:
JS

var code = `
<div>
  <div>Header</div>
  <div>-->ВСТАВИТЬ_СЮДА<--</div>
</div>
`;

$('div').wrapAll(code);

HTML
<div>Inner element</div>

Выдает:

<div>
  <div>
      Header
      <div>Inner element</div>
  </div>
  <div>-->ВСТАВИТЬ_СЮДА<--</div>
</div>

а надо:

<div>
  <div>Header</div>
  <div>
     <div>Inner element</div>
  </div>
</div>

CodePen

Answer 1

[Конан Варвар]

var code = `
<div>
  <div>Header</div>
  <div class="test">-->ВСТАВИТЬ_СЮДА<--</div>
</div>
`;

$('.test').wrapAll(code);

Comments

[Forge0100]

а где тут
<div>Inner element</div>
?

Answer 2

[BitRouter]

https://jsfiddle.net/7xzr1ys0/

Comments

[Forge0100]

Ваш код впихивает содержимое в первый попавшийся тег, то есть тоже самое что у меня в коде

<div>
  <div>
      Header
      <div>Inner element</div>
  </div>
  <div>-->ВСТАВИТЬ_СЮДА<--</div>
</div>

,

а нужно

<div>
  <div>Header</div>
  <div>
     <div>Inner element</div>
  </div>
</div>