Miért hibás a javascript-em?

Szeretnék egy div-et egy másik div-en belül kiírni többször, de valamiért csak egyszer írja ki. Mi a hiba?

var iDiv = document.createElement('div');

iDiv.id = 'block';

iDiv.className = 'block';

iDiv.style.background = "#fff";

iDiv.style.width = "100px";

iDiv.style.height = "100px";

iDiv.style.padding = "20px";

iDiv.style.border = "2px solid red"

iDiv.style.borderRadius = "20px";

document.body.appendChild(iDiv);

var secondDiv = document.createElement('div');

secondDiv.id = 'block_2';

secondDiv.className = 'block_2';

secondDiv.style.background = "#000";

secondDiv.style.width = "10px";

secondDiv.style.height = "10px";

secondDiv.style.margin = "2px";

secondDiv.style.border = "2px solid green";

secondDiv.style.borderRadius = "20px";

secondDiv.style.display = "inline-block";

var i;

for(i = 0; i< 5; i++){

document.getElementById("block").appendChild(secondDiv);

}