JQuery получить данные-идентификатор тега привязки

Question

Я следующую таблицу, созданный из JQuery:

$('#btniLoad').click(function(){ 
var gradelevel = $('#ylvl').val(); 

$.ajax({ 
type:'POST', 
url:"<?php echo site_url('enrollment/searchTeacher');?>", 
dataType:'json', 
data:{q:gradelevel}, 
success: function(data){ 

    if(!data.teacherinfo[0]) 
    { 
    var table = "There's no teacher registered yet"; 

    } 
    else 
    { 
    var table = "<table class='table table-striped table-bordered' cellspacing='0' width='100%'>"; 
    table += "<thead><th>Teacher's Name</th></thead><tbody>"; 
    for(var i = 0; i < data.teacherinfo.length;i++) 
    { 
     table += "<tr><td><a href='#teachermodal' data-toggle='modal' role='button' id='teachview' data-id='" 
     +data.teacherinfo[i].teacherid+"'>" 
     +data.teacherinfo[i].FirstName+', '+data.teacherinfo[i].MiddleName+', ' 
     +data.teacherinfo[i].LastName+"</a></td></tr>"; 
    } 
    table += "</tbody></table>"; 
    } 

    $('#teacherTable').empty(); 
    $('#teacherTable').append(table); 
}, 
}); 
}); 

Я хочу, чтобы отобразить в консоли лога данных идентификатора, который находится в HREF, чтобы проверить, если он проходит идентификатор правильно, но я не получаю никакого результата из журнала консоли .... Это событие щелчка для тега привязки:

$(function(){ 
$('#teachview').click(function(){ 
var teachid = $(this).attr("data-id"); 
console.log(teachid); 
}); 
}); 

Answer 1

использование $(document).on('click','#teachview',function(){ вместо $('#teachview').click(function(){

также ID должен быть уникальным использование класс вместо