So the jquery plugin I'm using keeps on contentiously appending the same content. I want it to append content from a list of images in my html, but when infinite scroll appends the content when I reach the bottom of the page, it keeps getting appended continuously as I continue scrolling again. I only want it appended once, not multiple times.

Here's the endless scroll plugin:

1. $(window).scroll(function () { 
2.        if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
3.            $(document.body).append($("ul#next").html());
4.        }
5.     });