Attempted simple jekyll search, not working

Author: PhilReedData

_includes/head.html

@@ -34,5 +34,13 @@
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="{{ 'assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
   <script src="{{ 'assets/js/toc.js' | relative_url }}"></script>
+  <script src="{{ 'assets/js/simple-jekyll-search.min.js' | relative_url }}"></script>
   <script defer src="{{'assets/js/all.min.js' | relative_url }}"></script>
+  <script>
+    SimpleJekyllSearch({
+      searchInput: document.getElementById('search-input'),
+      resultsContainer: document.getElementById('results-container'),
+      json: '/search.json'
+    })
+  </script>
 </head>

_includes/header.html

@@ -1,11 +1,13 @@
 <a class="visually-hidden-focusable" href='#main'>Skip to content</a>
 <header id="header_wrap" class="p-3">
     <!--start search-->
-    <div class="search-outer">
+    <div class="search-outer" id="search-container">
         <!--<div class="position-relative">-->
-            <form role="search rounded-bottom" class="input-group">
+            <!--ETT<form role="search rounded-bottom" class="input-group">
                 <span class="input-group-text" id="search-label"><i class="fa-solid fa-magnifying-glass"></i></span><input type="search" id="search-input" class="search-input form-control" tabindex="0" placeholder="Search..." aria-label="Search..." autocomplete="off">
-            </form>
+            </form>-->
+            <input type="text" id="search-input" placeholder="Type your search here..." autofocus>
+            <ul id="results-container"></ul>
             <div id="search-results" class="search-results"></div>
         <!--</div>-->
     </div>

assets/js/simple-jekyll-search.min.js

@@ -0,0 +1,20 @@
+---
+layout: none
+---
+
+[
+  {% for page in site.pages %}
+    {% assign urlend = page.url | slice: -4, 4 %}
+    {% if urlend != ".css" and urlend != ".xml" and urlend != "json" %}
+      {
+        "title"    : "{{ page.title }}",
+        "url"      : "{{ site.baseurl }}{{ page.url }}",
+        "collection" : "{{page.collection}}",
+        "tags"     : "{{ page.tags | join: ', ' }}",
+        "date"     : "{{ page.date | date_to_string }}",
+        "description" : "{{ page.content | strip_html | strip_newlines | escape }}"
+      }
+      {% unless forloop.last %},{% endunless %}
+    {% endif %}
+  {% endfor %}
+]