Jquery : add inner html to dynamically generated div
===

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>

