diff --git a/library-express/patrons.js b/library-express/patrons.js
index b7a82fb..64b529b 100644
--- a/library-express/patrons.js
+++ b/library-express/patrons.js
@@ -59,7 +59,7 @@ module.exports = function () {
     /* Find people whose fname starts with a given string in the req */
     function getPatronsWithNameLike(req, res, mysql, context, complete) {
         //sanitize the input as well as include the % character
-        var query = "SELECT p.memberID as id, p.firstName, p.lastName, DATE_FORMAT(p.registerDate, '%d/%m/%Y') as 'registerDate', p.contactEmail, p.contactPhone, t.bookTitle FROM Patrons p LEFT JOIN Titles t ON p.favoriteTitle = t.ISBN WHERE p.firstName LIKE '%'" + mysql.pool.escape(req.params.s + '%');
+        var query = "SELECT p.memberID as id, p.firstName, p.lastName, DATE_FORMAT(p.registerDate, '%d/%m/%Y') as 'registerDate', p.contactEmail, p.contactPhone, t.bookTitle FROM Patrons p LEFT JOIN Titles t ON p.favoriteTitle = t.ISBN WHERE p.firstName LIKE " + mysql.pool.escape(req.params.s + '%');
         console.log(query)
 
         mysql.pool.query(query, function (error, results, fields) {
@@ -114,12 +114,13 @@ module.exports = function () {
     router.get('/search/:s', function (req, res) {
         var callbackCount = 0;
         var context = {};
-        context.jsscripts = ["searchpatrons.js"];
+        // context.jsscripts = ["searchpatrons.js"];
         var mysql = req.app.get('mysql');
         getPatronsWithNameLike(req, res, mysql, context, complete);
+        getTitles(res, mysql, context, complete);
         function complete() {
             callbackCount++;
-            if (callbackCount >= 1) {
+            if (callbackCount >= 2) {
                 res.render('patrons', context);
             }
         }
diff --git a/library-express/views/patrons.handlebars b/library-express/views/patrons.handlebars
index 60f62d7..ea79337 100644
--- a/library-express/views/patrons.handlebars
+++ b/library-express/views/patrons.handlebars
@@ -1,4 +1,6 @@
 <div>
+    <script src="https://code.jquery.com/jquery-3.5.1.js"
+        integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
     <h1>Library Inventory Management</h1>
     <h2>Add a New Patron</h2>
     <form id="addPatron" action="/patrons" method="post">
@@ -36,6 +38,7 @@
         <input id='first_name_search_string' type='text' name='first_name_search_string' value=''>
         <input type="button" value="Search" onclick="searchPatronsByFirstName()">
     </form>
+    <button id="redirectPatrons">Clear</button>
 </div>
 </div>
 <div>
@@ -67,4 +70,16 @@
             {{/each}}
         </tbody>
     </table>
+    <script>function searchPatronsByFirstName() {
+            //get the first name 
+            var first_name_search_string = document.getElementById('first_name_search_string').value
+            //construct the URL and redirect to it
+            window.location = '/patrons/search/' + encodeURI(first_name_search_string)
+        }</script>
+    <script type="text/javascript">
+        document.getElementById("redirectPatrons").onclick = function () {
+            {{!-- location.href = "/patrons"; --}}
+            window.location.href = "/patrons";
+        };
+    </script>
 </div>
\ No newline at end of file