Javascript inerhtml je comprends pas !

Bonjour,
je suis vraiment débutant en javascript,
j'ai essayer de créer un code qui rajoute du contenu à la page courante à chaque fois que l'utilisateur clic sur le boutton, mais cela ne marche que pour le 1er clic, pouvez vous me dire où est le soucis dans mon code ??

voici mon code :

note : la valeur de mon champs texte est bien incrémentée à chaque fois..


<script type="text/javascript">
function changeText()
{
var i = document.getElementById('aa').value;

var u = i;

i++;

document.getElementById('div'+u+'').innerHTML = '<div id=div'+i+'> test </div><br />';

document.getElementById('aa').value=''+i+'';
}
</script>

<input type='button' onclick='changeText()' value='Change Text'/>
<input type=text name=aa value="0"><br><br>
<div id=div0></div>



merci d'avance