Не понятная ошибка в консоли AJAX

Пытаюсь сделать кнопку "Посмотреть еще". Загрузку товаров без перезагрузки страницы. Кнопка удаляется и дальше ничего не происходи. В консоли ошибка Uncaught Error: Syntax error, unrecognized expression: {"html":"\n\n\n \n \n Ноутбуки</h1>\n \n \n Acer</a>\n Asus</a>\n Fujitsu</a>\n HP</a>\n Lenovo</a>\n MSI</a>\n Packard Bell</a>\n Panasonic</a>\n Samsung</a>\n Sony</a>\n \n </nav>\n \n \n \n \n\n \n Сортировать</span> по\n \n \n умолчанию\n </span>\n </i></span>\n </span>\n\n \n

$(document).ready(function(){
$(document).on('click', '.load_more', function(){
    var targetContainer = $('.loadmore_wrap'),          
        url =  $('.load_more').attr('data-url');    
    if (url !== undefined) {
        $.ajax({
            type: 'GET',
            url: url,
            dataType: 'html',
            success: function(data){
                //  Удаляем старую навигацию
                $('.load_more').remove();
                var elements = $(data).find('.loadmore_item'),  
                    pagination = $(data).find('.load_more');
                targetContainer.append(elements);   
                targetContainer.append(pagination); 
            }
        })
    }
});