diff --git a/docs/index.html b/docs/index.html
index f0167eb..f637496 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -80,13 +80,14 @@
 
         <!-- <label for="sectionNum">Section Number (Optional, Experimental)</label>
         <input type="text" id="sectionNum" name="fname" required><br><br> -->
-        <!-- <label for="courseInstructor">Instructor (Optional):</label>
-        <input type="text" id="courseInstructor" name="fname"><br><br> -->
+        <label for="courseInstructor" title="This is an experimental option!">Instructor:</label>
+        <input type="text" id="courseInstructor" name="fname"><br><br>
 
         <!-- Dropdown menu for semester selection -->
         <form>
           <label for="dropdown">Semester:</label>
           <select id="semester" name="dropdown">
+            <option value="sp2024">Spring 2024</option>
             <option value="f2023">Fall 2023</option>
             <option value="s2023">Summer 2023</option>
             <option value="sp2023">Spring 2023</option>
diff --git a/docs/main.js b/docs/main.js
index b97df3a..7d37cb7 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -50,6 +50,7 @@ async function parseName() {
  */
 async function PapaParse(department, num, name, sem) {
     const semesterURLs = {
+        'sp2024': 'https://derec4.github.io/ut-grade-data/2024%20Spring.json',
         'f2023': 'https://derec4.github.io/ut-grade-data/2023%20Fall.json',
         's2023': 'https://derec4.github.io/ut-grade-data/2023%20Summer.json',
         'sp2023': 'https://derec4.github.io/ut-grade-data/2023%20Spring.json',
@@ -70,6 +71,24 @@ async function PapaParse(department, num, name, sem) {
     const cData = await response.json();
     let selectedClass = cData.filter(cData => cData["Course Prefix"] == department);
 
+    const url2 = 'https://ut-grade-data.vercel.app/v2/query?department=Computer Science&sem=Fall 2023&num=439&professor=Norman';
+
+    try {
+        const response = await fetch(url2);
+        const data = await response.json();
+        
+        if (data.length === 0) {
+            alert("No data found. Try again :(");
+            return;
+        } 
+
+        console.log(data);
+    }
+        catch (error) {
+            console.error("Error fetching data:", error);
+            alert("An error occurred while fetching data. Please try again.");
+        }
+
     if (sem.substring(0, 2) === 's2') {
         /**
          * Summer names are really weird but we can safely assume the prefix of the semester