I have a small problem with attaching event listeners to the dynamic list item elements created when I click one of three buttons. With the code in jsfiddle, I can add items to both lists but I can only remove list item elements from the first list (`ul#user`).

If I remove .first(), I can remove list item elements in both lists but this also means that every time I add a new list item, additional event handlers are being attached to the list items that already exist (i.e if I had an alert message instead of `$(this).remove()`, the message would appear multiple times depending on its position in the list and the number of list items I've added).

```
    <script src="js/scripts.js">

        $(document).ready(function() {
          $("button#hello").click(function() {
            $("ul#user").prepend("<li>Hello!</li>");
            $("ul#webpage").prepend("<li>Why hello there!</li>");
            $("ul").children("li").first().click(function() {
              $(this).remove();
            });
          });

          $("button#goodbye").click(function() {
            $("ul#user").prepend("<li>Goodbye!</li>");
            $("ul#webpage").prepend("<li>Goodbye, dear user!</li>");
            $("ul").children("li").first().click(function() {
              $(this).remove();
            })
          });

          $("button#stop").click(function() {
            $("ul#user").prepend("<li>Stop copying me!</li>");
            $("ul#webpage").prepend("<li>Pardon me. I meant no offense.</li>");
            $("ul").children("li").first().click(function() {
              $(this).remove();
            })
          });
        });

    </script>

    <button class="btn btn-primary" id="hello">Say "hello"</button>
    <button class="btn btn-inverse" id="goodbye">Say "goodbye"</button>
    <button class="btn btn-danger" id="stop">Say "stop copying me!"</button>

    <div class="row">
      <div class="col-md-6">
        <h2>You said:</h2>
        <ul class="unstyled" id="user">

        </ul>
      </div>

      <div class="col-md-6">
        <h2>The web page said back:</h2>
        <ul class="unstyled" id="webpage">

        </ul>
      </div>
    </div>

```

<https://jsfiddle.net/3vxf0622/>

Thanks in advance!