Encode URI for the search bar value

templates/base.html

@@ -229,7 +229,7 @@
     $(document).ready(function () {
         $('button[data-target="#searchModal"]').click(function() {
             let modalBody = $("#searchModal div.modal-body");
-            let q = $("#search-term").val();
+            let q = encodeURI($("#search-term").val());
             modalBody.load("{% url "haystack_search" %}?q=" + q + " #search-results");
         });
         $('a[data-target="#loginModal"]').click(function() {