jquery tidak berfungsi kalau menggunakan button hasil append

saya mau buat crud dengan jquery, dan menampilkan data menggunakan append dan ada button buat hapus, tapi waktu saya coba button hasil append tidak bisa jalan di jquery sedangkan kalau tidak menggunakan append bisa jalan contoh

//dari html
<button class="btntest" id="buton_dari_test" type="button" name="button">TEST id</button>
$('.btntest').click(function(){
    console.log('button click edit');
});
code di atas bisa jalan dan menampilkan console.log seperti yang di harapkan.
sedangkan kode di bawah ini tidak jalan
<div class="btnappend"></div>
//jquery
$(document).ready(function() {
  $('.dvtest').append('<button class="btnappend" id="buton_dari_append" type="button" name="button">TEST id</button>')
  $('.btnappend').click(function(){
    console.log('dari append');
  });
});

tujuan saya adalah untuk menggambil id hasil dari database untuk melakukan edit/hapus adakah cara lain supaya bisa edit/hapus di 1 halam