Question

I am trying to make an AJAX call which will append html i.e. add additional html to what is already present between the tags. Here is what my load function looks like.

<script>
    $(document).ready(function(){
      $(".tid-select").change(function(){
        $(".tid-list").load("/saffron_main/test");
      });
    });
</script>

How would I modify this function in order to get it to append to the class .tid-list. Thanks in advance.

Answer 1

Or instead of replacing the html you can just load the data into a variable and then add it to the DOM.

Example:

$.ajax({
    url: '/saffron_main/test',
    success: function (data) {
        $('.tid-list').append(data);
    }
});

This way events that have been bound to the existing html will stay bound.