Почему JQuery AJAX Автоматическая загрузка содержимого при прокрутке избегает JavaScript?

Question

У меня есть этот jjery ajax-ответ, который автоматически загружает контент при прокрутке, но он избегает JavaScript-контента с дочерней страницы, добавляемой в div.Как мне решить это, пожалуйста.который должен загружать изображения в ленивом режиме, но не может получать изображения в ленивом режиме, используя javascript

код:

<div id="load_div_data"></div>
<div id="loading_data_message"></div>

<script>
    $(document).ready(function(){

     var limit = 3;
     var start = 6;
     var action = 'inactive';

     function load_country_data(limit, start){
        $.ajax({
        url:"index.html",
        method:"POST",
        data:{limit:limit, start:start},
        cache:false,
        success:function(data){
          $('#load_div_data').append(data);
          if(data == '') {
            $('#loading_data_message').html("");
            action = 'active';
          } else {
            $('#loading_data_message').html("");
            action = "inactive";
          }
        }
    });
   }

   if(action == 'inactive') {
      action = 'active';
      load_country_data(limit, start);
   }
   $(window).scroll(function(){
     if($(window).scrollTop() + $(window).height() > $("#load_div_data").height() 
        && action == 'inactive') {
       action = 'active';
       start = start + limit;
       setTimeout(function(){
       load_country_data(limit, start);
     }, 1000);
   }
  });

});

</script>