Question

In the below code while try to change the inner html of the dynamically geneted div , the inner html dosent change.

  $.ajax({
    url: 'xxx.xxx',
    beforeSend: function() {
      $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>'); 
    },
    success: function(data) {    
      $('#scroll_items div:last').html("hai to all");    
    }
});

The html part

  <div id="scroll_items"> 
    <div class="list_item1">
    Scroll beyond this container to automatically load more content
    </div>
    <div class="list_item">
    [ List Item 2 ]
    </div>
  </div>
</div>

Answer 1

just remove one extra curly brace, it may work.

$.ajax({
      url: 'xxx.xxx',
      beforeSend: function() {
         $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>');
      },
      success: function(data) {
        $('#scroll_items div:last').html("hai to all");
      }
    });

try this.

or try

success: function(data) {
setTimeout(function(){
        $('#scroll_items div:last').html("hai to all");
      },100);
   }