Faire un html liste non ordonnée de tableau javascript

Je vais avoir un peu d'un problème. Je suis en train de créer une liste non ordonnée à partir d'un tableau javascript, voici mon code:

var names = [];
var nameList = "";

function submit()
{
var name = document.getElementById("enter");
var theName = name.value;
names.push(theName);
nameList += "<li>" + names + "</li>";
document.getElementById("name").innerHTML = nameList;
}


<input id="enter" type="text">
<input type="button" value="Enter name" onclick="submit()">
<br>
<br>
<div id="name"></div>

Par exemple, si je poste les 2 noms, Nom1 et Nom2 ma liste ressemble à ceci:

Name1

Name1,Name2

Je veux qu'elle ressemble à ceci:

Name1
Name2
Remarque: Ne pas utiliser une fonction personnalisée avec le nom "soumettre" à l'intérieur d'une ligne de gestionnaire d'événements. Dès que vous mettez les éléments à l'intérieur d'une forme, submit va se référer à la méthode de soumission de la <form> élément. Aussi, votre div élément devrait être un ul élément.

OriginalL'auteur marcel jager | 2015-02-23