Load more jquery function

list.blade.php

<div class="wrapper tiles">  
    @foreach($articles as $d)
      {{$d->title}}
       <input type="hidden" class="article-id" name="article-id" value="{{$d->id}">
    @endforeach
</div>

load-more.js

// Load more articles
$(document).ready(function(){
	var category_id = 1;

	$btn = $('#load-more-articles');

	function load() {
        $.get("/api/articles/more", { category_id: category_id, last_id: $('.article-id').last().val()})
            .done(function(r){
                $('<div style="display: none;" class="hidden-articles">'+r+'</div>').appendTo('.articles-list');
                if (r.match(/item/)) {
                	$btn.show();
				}
            });
    }

    $btn.click(function(e) {
    	$('.hidden-articles').show('slow');
		load();
		$(this).hide();
    	return false;
	});

    load();

});