jQuery scroll show hidden content

Question

How do I make it so that by default, 6 div elements are shown on the page, and when a user scrolls to the bottom of the page, six more are loaded?

If you see this ex

Answer 1

After a bit of experimenting, I found the perfect answer:

http://jsfiddle.net/jackdent/gRzPF/12/