Bagaimana mengatasi error ajax yang ditampilkan dengan append?

Saya punya kasus seperti ini saat latihan: saya membuat daftar data, di mana setiap data itu memiliki tombol preview. Saat tombol preview diklik maka akan muncul mengenai detail dari data tersebut yang dikeluarkan dengan ajax. Tampilannya seperti gambar berikut:

ketika tombol preview diklik datanya berhasil muncul. ini hasilnya:

tapi masalah muncul setelah saya membuat fungsi load more. Fungsi load more ini bertujuan untuk menampilkan data selanjutnya karena data awal yang saya tampilkan hanya 3 saja. memang datanya berhasil ditampilkan tepat di bawah data lain (append), namum ketika saya klik "PREVIEW" detail datanya tidak muncul.

ini dia koding filenya: 1. Index.php

<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "ajax";

$con = mysqli_connect($host, $user, $pass, $db);
$query = "SELECT * FROM siswa LIMIT 3";
$hasil = mysqli_query($con, $query);
?>

<script type="text/javascript" src="jquery.js"></script>
<script>
	$(document).ready(function(){
		//fungsi preview data
		$('.preview').on('click', function(){
			var nilai = $(this).attr('data-id');

			$.ajax({
				method	: "POST",
				url		: "preview.php",
				data	: {id : nilai},
				success: function (data){
					$('.preview_data').html(data);
				}
			});
		});

		//fungsi load more
		$('.load_more').on('click', function(){
			var load = $(this).attr('data-id');

			$.ajax({
				method	: "POST",
				url		: "load_more.php",
				data	: {id : load},
				success: function (data){
					$('.data_awal').append(data);
				}
			});
		});
	});
</script>

<h1 id="h1">Belajar Ajax</h1>

<!-- data akan dipreview di sini -->
<div class="preview_data">
</div>

<!-- data awal -->
<div class="data_awal">
	<?php while($ar = mysqli_fetch_assoc($hasil)){?>
		<span><?=$ar['nama']?></span>
		<button class="Preview" data-id="<?=$ar['id']?>">Preview</button> <br>
	<?php } ?>
	<!-- data load more nanti akan muncul di bawah sini dengan metode append -->
</div>

<br><br>
<button class="load_more" data-id="4">Load More</button>

2.Preview.php

<?php
if($_POST ['id']){
	$id   = $_POST['id'];
	$host = "localhost";
	$user = "root";
	$pass = "";
	$db = "ajax";

	$con = mysqli_connect($host, $user, $pass, $db);
	$query = "SELECT team FROM siswa WHERE id = $id";
	$hasil = mysqli_query($con, $query);
	$ar	   = mysqli_fetch_assoc($hasil);

	$team = $ar['team'];
}
?>

<b><?=$team;?></b>

3.Load_more.php

<?php
if($_POST ['id']){
	$id   = $_POST['id'];
	$host = "localhost";
	$user = "root";
	$pass = "";
	$db = "ajax";

	$con = mysqli_connect($host, $user, $pass, $db);
	$query = "SELECT * FROM siswa WHERE id = $id";
	$hasil = mysqli_query($con, $query);

}

?>

<?php while($ar = mysqli_fetch_assoc($hasil)){?>
<span><?=$ar['nama']?></span>

<button class="Preview" data-id="<?=$ar['id']?>">Preview</button> <br>
<?php } ?>