Помогите исправить ошибку в JS скрипте

<ol>
<li class="post">111</li>
<li class="post">222</li>

<span class="pbd-alp-placeholder-2"><li class="post">333</li></span>
<span class="pbd-alp-placeholder-3"></span>

<li id="pbd-alp-load-posts"><a href="#">More</a></li>
</ol>

<ol>
<li class="post">111</li>
<li class="post">222</li>

<li class="post p2">333</li>
<li class="p3"></li>

<li id="pbd-alp-load-posts"><a href="#">More</a></li>
</ol>

<style>
jQuery(document).ready(function($) {
    var pageNum = parseInt(pbd_alp.startPage) + 1;
    var max = parseInt(pbd_alp.maxPages);
    var nextLink = pbd_alp.nextLink;
    if(pageNum <= max) {
        $('#content')
            .append('<span class="pbd-alp-placeholder-'+ pageNum +'"></span>')
            .append('<li id="pbd-alp-load-posts"><a href="#">Load More Posts</a></li>');
           
        $('.navigation').remove();
    }
    $('#pbd-alp-load-posts a').click(function() {
        if(pageNum <= max) {
            $(this).text('Loading posts...');
           
            $('.pbd-alp-placeholder-'+ pageNum).load(nextLink + ' .post',
                function() {
                    pageNum++;
                    nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);
                    $('#pbd-alp-load-posts')
                        .before('<span class="pbd-alp-placeholder-'+ pageNum +'"></span>')
                    if(pageNum <= max) {
                        $('#pbd-alp-load-posts a').text('Load More Posts');
                    } else {
                        $('#pbd-alp-load-posts a').text('No more posts to load.');
                    }
                }
            );
        } else {
$('#pbd-alp-load-posts a').append('.');
} return false;}); });
</style>