Создание дива при клике

[Fro0sT]

"Я нуб, нужен совет". Как это исправить:

<script>
var position, xCoor, yCoor;
document.onmousemove = 
   function(event){
      position = document.getElementById('position');
      xCoor = event.pageX;
      yCoor = event.pageY;
      position.value='left: '+xCoor+'px; top: '+yCoor+'px;';
   };
document.onclick = 
   function(){
      var dot = document.createElement('div');
      dot.setAttribute('style', position.value);
      dot.className='dot';
   }
</script>

<style>
.dot{width:1px;height:1px;border:1px solid #000;position:absolute}
</style>
<input type="text" value="left: 0px; top: 0px;" id="position">

В коде координаты курсора передаются в инпут. Затем при клике по странице должен создаваться див с координатами, что в инпуте. Но ничего не происходит! Что я не правильно сделал?

[exec]

document.appendChild(dot);

[Fro0sT]

Дадада. Забыл прописать Только не document.appendChild(dot), а document.body.appendChild(dot);
Спс.