jQuery не работает после загрузки страницы через AJAX?

Question

JQuery скрипт не работает после того, как тот же HTML был загружен с помощью AJAX, как это исправить, пожалуйста, помогите мне ..

$(document).ready(function(){ 
    $('#country').keyup(function(){ 
     var query = $(this).val(); 
     if(query != '') 
     { 
      $.ajax({ 
       url:"live_search", 
       method:"POST", 
       data:{query:query}, 
       success:function(data) 
       { 
         $('#countryList').fadeIn(); 
         $('#countryList').html(data); 
       } 
      }); 
     } 
    }); 
    $(document).on('click', '.li', function(){ 
     var query_1 = $(this).val(); 
     $('#country').val($(this).text()); 
     $('#countryList').fadeOut(); 
     $('#search').click(); 
    }); 
    }); 

Answer 1

Делегировать все, что вам события

$('body').on('keyup','#country',function(){});