Php y scroll infinito

[deioseayo]

Hola a todos, veran, estoy tratandod e hacer un scroll infinito con jqueyr y que haga consultas mysql con php. El problema es que no me aparecen lsod emas productos. Aqui dejo los codigos:


PHP: Obtiene el id del ultimo LI (es enviado por javascript) y debe mostrar los productos que siguen:

Código PHP:

include("dbcon.php");
$per_page = 2;
$start = $_GET["pag"];
//$cat = $_POST["cat"];
 
if(!isset($pag)){
    $query = mysql_query("SELECT * FROM productos ORDER BY id LIMIT 0,$per_page");
    
    while($rows = mysql_fetch_array($query)){
        echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";    
    }
 
}else{
    $query2 = mysql_query("SELECT * FROM productos ORDER BY id LIMIT $start,$per_page");
    while($rows = mysql_fetch_array($query2)){
        echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";    
    }
    
}
 

JAVASCRIPT

Código Javascript:

Aqui carga la pagina php con algunos productos por defecto, al bajar la web esta envia el id del ultimo LI por get a la pagian en php y añade los resultados.
$("#datosCargados").load("data.php")
$(window).scroll(function () {  
    
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
       var catActual    =   $("#catActual").val()
       var ultimo       =   $("#datosCargados li:last").attr("id")
      $.get("data.php", { pag: ultimo },
       function(data) {
         $("#datosCargados").append(data)
       });
        
   }
});
 

Hasta ahora no logro descubrir el problema, alguna idea???