Ajax alert function is not working with laravel data - ajax

Question

i am trying to alert when i click on edit button, but it is not working in table.
Ajax Code:
<script>
$(function(){
var $datasearch=$('#datasearch');
$('#searchname').on('keyup', function(){
$.get('/teachers/search/'+$(this).val(), function(teachers){
$datasearch.empty();
for (var i=0; i<teachers.length; i++){
$datasearch.append('<tr>'
+'<td>'+teachers[i].efirst+'</td>'+
'<td>'+'<button class="btn btn-primary alert">edit</button>'+'</td>'
+'</tr>');
}
});
});
});
</script>
alert function:
<script>
$(document).ready(function(){
$(".alert").click(function() {
alert("clicked");
});
});
</script>

Answer 1

The following can be used to show an alert when clicking the edit button:
$(document).ready(function(){
$("body").on("click", ".alert", function() {
alert("clicked");
});
});

Answer 2

Best way to do it
Add onclick attribute:
$(function(){
var $datasearch=$('#datasearch');
$('#searchname').on('keyup', function(){
$.get('/teachers/search/'+$(this).val(), function(teachers){
$datasearch.empty();
for (var i=0; i<teachers.length; i++){
$datasearch.append('<tr>'
+'<td>'+teachers[i].efirst+'</td>'+
'<td>'+'<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>'+'</td>'
+'</tr>');
}
});
});
});
Finally the DOM will be as:
<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>
And write your function in script:
function clickfunction(){
alert("clicked!");
//Other code...
}