I am making an app that allows users to list movies. I have my Javascript working, but it's only letting me add one item. How can I change it so I can add multiple inputs to be posted?

In my html:

```
<!DOCTYPE html>
<html>
  <link rel="stylesheet" text="text/css" href="movies.css">
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  </script>

  <title>Hello World</title>
</head>
<body>
  <h1>My Favorite Movies</h1>
  <input type="text" id="movie" placeholder="Movie">
  <button id="enter">Enter</button>
  <div id="list">Chosen Films:</div>

  <script type="text/javascript" src="movies.js"></script>
</body>

```

and my Javascript:

```
$("#enter").click(
   function() {
     var movie = $("#movie").val();
     var list = (movie);
     $('#list').html(list);
 });

```