COMP3322 MODERN TECHNOLOGIES ON WORLD WIDE WEB Lab 4 jQueryOverview In this lab, we will implement the same web-based course attendance system, which we implemented in Lab 3, using jQuery, plus achieving a few additional functionalities. Especially, except the functionalities as implemented in Lab 3, we add two buttons “Order by Name” and “Order by Course” on the page. When each button is clicked, the attendance records displayed above will be ordered alphabetically by student name or course code, respectively. Example screenshot of the page after initial loading is given in Fig. 1. Fig. 1Example screenshots of the page after clicking the “Order by Name” button and after clicking the “Order by Course” button, are given in Fig. 2 and Fig. 3, respectively. Note that the displayed entries, no matter the full list or filtered list (as shown in the screenshots), will be ordered accordingly when one of the two buttons are clicked.
Fig. 2 Order by Name Fig. 3 Order by Course Lab Exercise 1 –reimplement Lab 3 functionalities using jQuery Step1: We will use the same database which you created and used in Lab 3. Make