Question

I have some code that calls in a new html file, to be added into a div. I’m wondering why the content in the div is replaced rather than just added in. Once I understand the “why” Id like to know how I would add in external markup into a div while preserving what was already in that div to begin with.

 $.ajax({
 url: 't3.html',
 success: function(data) {
 $('.ajax').html(data);
 }
 });

Answer 1

Instead of:

$('.ajax').html(data);

use:

$('.ajax').append(data);