search functionality not working

  $('.page-header').append('<div class="student-search"><input class="sInput" placeholder="Search for students..."/><button class="sSearch">Search</button><div>');


  var students = document.getElementsByTagName('li');

  var studArr = jQuery.makeArray(students);

  var searchObj = {};



  $('button.sSearch').on('click', function() {
    console.log('clicked');
    var searchFor = $('.sInput').val().toLowerCase();
    if (searchFor === '') {
      $('.pagination').remove();
      paginate(studArr);
      $('a:eq(0)').trigger('click');
    } else {
      $('.student-item').each(function() {
        if ($(this).indexOf(searchFor) >= 0) {
          $(this).detach().appendTo(searchOjb);
        }
      });
      $('.student-list').remove();
      paginate(searchObj);
      $('a:eq(0)').trigger('click');
      searchObj = {};
    };
  });

  function pages(fArr, show) {
    var pageNum = Math.floor((fArr.length / show) + 1);
    return pageNum;
  }

  function paginate(nArr) {

    var buttons = pages(nArr, 10);
    var $pageDiv = '<div class="pagination"><ul>';
    for ( var i = 0; i < buttons; i++ ) {
        $pageDiv += '<li><a href="#">' + (i+1) + '</a></li>';
    }
    $pageDiv += '</li></div>';
    $('.page').append($pageDiv);


    $('a').on('click', function(nArr) {
      $('a').removeClass('active');
      $(this).addClass('active');
      $('.student-item').each(function() {
        $(this).addClass('hide');
      });
      var idx = $(this).parent().index() * 10;
      for ( var i = 0; i < 10; i++) {
        $('.student-item:eq(' + idx + ')').removeClass('hide');
        idx++;
      }
    });
  }

  paginate(studArr);
  $('a:eq(0)').trigger('click');