Фильтр поиска не работает, когда я добавляю скрипт разбиения на страницы

Question

У меня работает Pagination над этим кодом, и я попытался добавить немного поиска и отфильтровать будущее, оно не будет работать вместе, но работает, когда я разделю код для разбивки на страницы и фильтра поиска.

Вот вид CODE PEN LINK

JS для фильтра поиска и разбиения на страницы (просмотр ссылки Codepen для полного кода с html & js)

$(function() {

  var $grid = $('#container');
  $grid.isotope({
    itemSelector: '.item'
  });

  var filters = []; // A convenient bucket for all the filter options, 

  // BUTTON-SEARCH 
  $('#btn').on('click', function() {
      filters[0] = $('#search')[0].value;
      runFilter();
  });

  $('#filter-select').on('change', function() {
    filters[1] = this.value;
    runFilter();
  });
  // and so on if more filters needed

  // The filter itself
  var runFilter = function() {
    $grid.isotope({
      filter: function() {
        if (filters[0]) {
          // at least some search text was entered:
          var qsRegex = new RegExp(filters[0], 'gi');

          // if the title doesn't match, eliminate it:
          if (!$(this).find('.content-title').text().match(qsRegex)) {
            return false;
          }
        }

        if (filters[1]) {
          // a category was selected; filter out others:
          if (!($(this).hasClass(filters[1]))) {
            return false;
          }
        }

      }
    });
  }
});

// Pagination script include in codepen Libray