Creating a Load More button, Need Some Help.

[Dr.CustUmz]

So this is petty standard feature of most sites today, load more by pressing a button. So what Im trying to do is make an ajax request to a duplicated modified forumdisplay.php to load the next page of threads automatically.

Heres the procedure.
In my forumdisplay template I have created an ajax script:

<script>
	$(document).ready(function(){
		$('.load-more').click(function(){
			perpage = $perpage + 10;
			$('.block-threadlist').load('loadmore.php', {
				perPageNew: perpage
			});
		});
	});
  </script>

loadmore.php is essentially a modified duplicate of forumdisplay.php
the notable changes are:
I have included

$perPageNew = $_POST['perPageNew'];

and I have changed the eval template from FORUMDISPLAY to loadmore

the loadmore template ONLY includes $threadbits

loading loadmore.php in browser, this works exactly how I expect it to, with only showing the threadbits of each thread, un-styled due to not being rendered with the head or any other templates. That's ok though because once they are loaded where they are supposed to be, they should be styled.

The problem comes when I hit my button.

<button type="button" class="btn btn-primary btn-lg load-more">Load More</button>

Which is placed directly below $threadbits in the forumdisplay template. I am recieving an error.

If this occurred unexpectedly, please inform the administrator and describe the action you performed before you received this error.]]>

I have tried striping as much as I could out of the loadmore.php file but I am not getting anywhere with the error.

Can anyone assist me with getting this to function properly?