JavaScript，在另一个上移动图像

Question

我想在另一张图片上移动图片。我在论坛上看到，最好的方法是使用destination.appendChild(elementToMove)。但是当我使用它时，我的elementToMove就会消失。

这是我想要做的事情的小提琴（但这不起作用）：

JS Fiddle

这是我的JS代码：

var body = document.getElementsByTagName("body")[0];
var td_sign = document.getElementById("sign");
var td_moon = document.getElementById("moon");

var sign = document.createElement("img");
sign.src="http://img11.hostingpics.net/thumbs/mini_723286sign.png";

var moon = document.createElement("img");
moon.src="http://img11.hostingpics.net/thumbs/mini_418048moon.png";

td_sign.appendChild(sign);
td_moon.appendChild(moon);

var testbutton = document.createElement('input');
testbutton.type='button';
testbutton.value='test';
testbutton.onclick = function(){
  sign.appendChild(moon);
}
body.appendChild(testbutton);

我只想使用JavaScript。