Как с помощью js сгененировать html объекты?
 

Добрый день, в js я новичок и столкнулся с такой проблемой. Есть поле и кнопка, туда я пишу число(например 4), нажимаю на кнопку и внизу должны с генерироваться 4 блока div.
Я знаю, что есть команда document.write, но если я её использую, то вся html сбрасывается и выводятся только 4 блока div(соответственно все стили, фон всё исчезает). А это проблема :(
Подскажите как решить данную проблему?

<form>
    <input name="count" type="number" value="5">
    <input onclick="generateBlocks(this.form.elements.count.value)" type="button" value="OK">
</form>

function generateBlocks(count) {
   var fragment = document.createDocumentFragment();

   for(var div, i = 0; i < +count; i++) {
      div = document.createElement('div');
      div.innerHTML = 'DIV #' + (i + 1);
      fragment.appendChild(div);
   }

   document.body.appendChild(fragment);
}