My infinite scrolling code using jQuery doesn't work on ie

See more:

Ajax

jQuery

I built a simple ajax and jQuery infinite scrolling. It works great on Chrome but it doesn't on Internet Explorer ...

The problem with IE is that it returns the same results more than once, like it is looping through the ajax call more than once. And each time I scroll further more and more duplicate content is appended to the end of the ID div.

Here is the code ...

$(document).ready(function(e){
	
	$(document).scroll(function(){
        if($(window).scrollTop() + $(window).height() == $(document).height()){
            var pictureCount = $(".Picture-1A").length;
			alert(pictureCount);
            $.get('ajax/more-pictures.php', {off_set:pictureCount}, function(data){
				$("#Picture-1A").append(data);
            });
        }
    });
	
});

I have searched the internet for solution and all I have come up with is that Internet Explorer cache Ajax. And they have recommended me to add:

$.ajaxSetup({cache:false});

But it doesn't work. Please try the code with a set of results and test it on IE and see what you get to understand more.

Thanks for your help guys
Farris