Incrementer value d'un input

Bonjour,

J'ai besoin de votre aide je n'arrive pas à incrémenter la value d'un input hidden :/

A la base il s'agit d'un formulaire dans lequel je souhaite via un bouton ajouter de nouveaux champs. Sauf que pour pouvoir les récupérer ensuite en php il faut qu'ils aient des noms différents, pour ça je voudrais stocker une valeur qui s'incrémente dans un input hidden.

Voici mon code :

<html>
<head>
<script>
	function addInput()
	{
		
		var newRow = document.getElementById('matable').insertRow(-1);//-1 insère en derniere ligne
			
		var nb = document.getElementById('current_nb').value;
		if (nb == "")
			nb= 1;
		
		var newCell = newRow.insertCell(0);
		newCell.innerHTML = '<i>Nom</i> : <input type = "text"  name = "nom_'+nb+'" value = "">';
		
		newCell = newRow.insertCell(1);
		newCell.innerHTML = '<i>Email</i> : <input type = "text" name = "email_'+nb+'" value = "">';
		
		newCell = newRow.insertCell(2);
		newCell.innerHTML = '<i>Tel</i> : <input type = "text" name = "tel_'+nb+'" value = "">';
			
		newCell = newRow.insertCell(3);
		newCell.innerHTML = '<i>Info</i> : <input type = "text" name = "info_'+nb+'" value = "">';
		
		document.getElementById('current_nb').value = nb++;
	}
</script>
</head>

<body>
<form action="" method="post" id="myform">
<input type="hidden" name="current_nb" id="current_nb" value="">
<table id="matable">
</table>
</form>
<a href="javascript:addInput();"><img src="images/add.png" width="20" align="absmiddle" alt="ajouter un contact" /></a>
</body>
</html>

Les champs sont bien ajoutés dans mon tableau mais la valeur ne s'incrémente pas :/

Merci par avance.