Project 2 of FSJS Techdegree How do I show the object through jQuery?

Hi! I have already added a click handler on the page numbers, and have selected the appropriate list-items depending on page number. I can log the list-items into the console when I click the page, but I can't show the list-items on the page once I click. I've tried .show(); still doesn't work.

Here's my code

//Create pagination numbers depending on $numberOfStudents //create pagination div var $page = $('.page'); var $paginationDiv = $('<div class="pagination"></div>'); var $paginationUl = $('<ul></ul>'); for (var i = 0; i < Math.ceil($numberOfStudents/10); i++) { var $paginationLi = $('<li><a href="#"></a></li>'); $paginationLi.children().text(i+1); $paginationUl.append($paginationLi); } //append to appropriately $paginationDiv.append($paginationUl); $page.append($paginationDiv);

//Show 10 students depending on page number $studentList.hide(); $('.pagination li a').click(showStudents);

function showStudents () { var number = parseInt($(this).text()); var firstStudent = (((number - 1) * 10 ) + 1); var lastStudent = (number * 10); for (var i = firstStudent; i <= lastStudent; i++) { $studentList.children()[i]; } }