recarga infinito de datos con JS

recarga li infinitamente solo con jquery

by fenve

HTML

<div id="mensajes">
  <div class="mensaje">aa
     <ul>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
  <li>list item </li>
</ul>
    </div>	
</div>

JavaScript

var pagina;

$(document).ready(function() {
    pagina = 1;
    cargardatos();	
});


function cargardatos(){
    

    text='';
    for (i = 0; i < pagina*5; i++) { 
        text += " <li>list item "+pagina+"</li>";
    }
   $( "li" ).last().after(text);
		
}

$(window).scroll(function(){
 if ($(window).scrollTop() == $(document).height() - $(window).height()){
     pagina++;
  cargardatos()
 }					
});