I have been trying for the last couple days to get some code to work. I have been researching the topic and I've narrowed down what I think is going on. I have a program that dynamically creates links depending on a user action.

```
   <div id="parent><a class="delete-row" id="wow" href="javascript:void(0)">Del</a></div>

```

Now the problem is that the initial one that loads with the page loads just fine. Any subsequent links that are created don't work as from what I understand the listeners are only loaded when the page loads. This explains why the first one works, but any subsequent links do not fire in the DOM when they are clicked.

I tried the code below based on a tutorial I found on the internet.

```
  $(document).ready(function () {
     $('.add-row').on('click', function(){
      $('<a class="delete-row" href="javascript:void(0)">Del</a>').appendTo('#parent');
      });
    });

  $(document).ready(function () {
     $("#parent").on('click', 'a', function() {
      console.log("Clicked.");
      });
    });

```

It doesn't recognize the parent click. The only thing I'm wondering is if perhaps the fact that the links are all the same is preventing them from being recognized after the first one?

Thanks in advance for pointing me in the right direction. It's my understanding that the append function is supposed to be adding the listener when the add=row class name is clicked....It does kind of work...it's just that the parent block doesn't work.