Скрипт не видит элементы, подгруженные с помощью ajax
 

Здравствуйте, проблема следующая: я подгружаю древовидный список с помощью ajax:

$(document).ready(function(){
 $.ajax({ 
   url: "fetch.php",
   method:"POST",
   dataType: "json",       
   success: function(data)  
   {
    $('#treeview').treeview({data: data});
   }   
 });
 
});

в

<div class="container" >
 
            <div id="treeview"></div>
        </div>

Список отображается нормально.
затем по клику на элемент списка пытаюсь получить его имя

$(function(){
    $('li').click(function(){
        var Name=$('li').text();
        alert(Name); //для проверки работоспособности
        $.ajax({
            type:"POST",
            url: "addupdate.php",
            data:{Name:Name},
            success:function(data){
                $(".MainID").val(data); 
            }
        });
    });
});

Но это не срабатывает, потому что скрипт просто не видит элементы списка(li). Как я могу решить эту проблему?

Окей, оказывается все он видит, но так он работает

$(function(){
    $("#treeview").on('mouseover','.list-group-item', function () {
        var Name=$(event.target).text();        
        console.log(Name);
        $.ajax({
            type:"POST",
            url: "addupdate.php",
            data:{Name:Name},
            success:function(data){
                $(".MainID").val(data); 
            }
        });
    });
});

А вот так нет

$(function(){
    $("#treeview").on('click','.list-group-item', function () {
        var Name=$(event.target).text();        
        console.log(Name);
        $.ajax({
            type:"POST",
            url: "addupdate.php",
            data:{Name:Name},
            success:function(data){
                $(".MainID").val(data); 
            }
        });
    });
});

Как сделать чтобы работало?

mazahaler,
а если так

$(".container").on('click','.list-group-item',