Pagination not showing

Hi guys, I have some code that displays a pagination plugin for jQuery. Everything works fine, however when I add a v-if directive, it does not display. When I inspect the code, it does display in the DOM, but not on the page. No javascript errors, either.

                    <div id="students">
                        <div v-if="isLoading">
                            <span>Loading...</span>
                        </div>
                        <div class="list-group" v-else-if="!isLoading && students.length > 0">
                            <a class="list-group-item" href="#" v-for="student in students">@{{ student.first_name }}</a>
                        </div>
                        <ul id="pagination-students" style="margin-top: 0px;" v-if="!isLoading"></ul>
                        <span style="padding-top: 0px; margin-top: 0px;" v-if="!isLoading && students.length == 0">
                            No students.
                        </span>
                    </div>

The element in question is <ul id=pagination-students". Thank you in advance!