javascript - 複製された要素を別の親に追加できないのはなぜですか?

Question

私は2つのdivを持っています:

<div id='div1'>
  <span>text</span>
</div>

<div id='div2'>
</div>

スパンを div1 から div2 に移動しようとしています:

  var div1 = document.querySelector('#div1');
  var div2 = document.querySelector('#div2');

  //cloning span
  var span = div1.firstElementChild.cloneNode();
  //removing span from the first div
  div1.removeChild(div1.firstElementChild);
  //trying to append new span to the second div but nothing happens
  div2.appendChild(span);

span 要素は削除されますが、2 番目の div には挿入されません。

何か不足していますか？