使用For循环复制Div

Question

我试图用for循环复制一个div并且没有运气。为什么不能复制我的outerSquare？

var origDiv = document.getElementById("outerSquare");
    for (i=1; i<=4; ++i){
    newDiv = document.body.appendChild(origDiv.cloneNode(true));
    newDiv.setAttribute("id", "block"+i);
    newDiv.style.left = i*40 +"px";
    newDiv.style.top = i*40 +"px";
}

origDiv.style.left = "200px"; //just trying to get it out of the way

这里有完整的东西： http://jsfiddle.net/dmperkins74/0so3dwot/2/

任何帮助表示赞赏！谢谢， 丹P。