Basic ajax Jquery script for populating list page with next items

jQuery ajax content load

<script>
    $(function() {
        $('a.more').click(function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            //Show loading symbol
            $('.loader').show();

            $.get(url, function(data) {
                var $data = $(data);

                //Find the list on the next page and get children
                var items = $data.find('.article_list').children();

                var nxtPageLink = $data.find('.paging .next');

                if(nxtPageLink.length) {
                    $('a.more').attr('href', nxtPageLink.attr('href'));
                }
                else {
                    $('a.more').hide();
                }

                //Add the items to our list
                $('.article_list').append(items);

                //Hide loading
                $('.loader').hide();
            });

        });
    })
</script>