diff --git a/aurweb/asgi.py b/aurweb/asgi.py
index 228b9a65..5f0ad01d 100644
--- a/aurweb/asgi.py
+++ b/aurweb/asgi.py
@@ -83,10 +83,7 @@ async def add_security_headers(request: Request, call_next: typing.Callable):
     # Add CSP header.
     nonce = request.user.nonce
     csp = "default-src 'self'; "
-    script_hosts = [
-        "ajax.googleapis.com",
-        "cdn.jsdelivr.net"
-    ]
+    script_hosts = []
     csp += f"script-src 'self' 'nonce-{nonce}' " + ' '.join(script_hosts)
     # It's fine if css is inlined.
     csp += "; style-src 'self' 'unsafe-inline'"
diff --git a/templates/index.html b/templates/index.html
index 8cd1cc78..f8745f33 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -93,4 +93,14 @@
         </p>
     </div>
 </div>
+
+<!-- Bootstrap typeahead for the homepage. -->
+<script type="text/javascript" src="/static/js/typeahead-home.js"></script>
+
+<!-- Stub inline javascript with a nonce. Used for testing purposes. -->
+<script type="text/javascript" nonce={{ request.user.nonce }}>
+function NONEXISTENT() {}
+NONEXISTENT();
+</script>
+
 {% endblock %}
diff --git a/templates/partials/head.html b/templates/partials/head.html
index 0351fd6e..9b438255 100644
--- a/templates/partials/head.html
+++ b/templates/partials/head.html
@@ -12,5 +12,8 @@
     <link rel="alternate" type="application/rss+xml"
           title="Newest Packages RSS" href="/rss/">
 
+    <!-- Include local typeahead -->
+    <script type="text/javascript" src="/static/js/typeahead.js"></script>
+
     <title>AUR ({{ language }}) - {{ title | tr }}</title>
 </head>
diff --git a/templates/partials/layout.html b/templates/partials/layout.html
index 019ebff7..68637ed7 100644
--- a/templates/partials/layout.html
+++ b/templates/partials/layout.html
@@ -6,6 +6,5 @@
     <body>
         {% include 'partials/navbar.html' %}
         {% extends 'partials/body.html' %}
-        {% include 'partials/typeahead.html' %}
     </body>
 </html>
diff --git a/templates/partials/typeahead.html b/templates/partials/typeahead.html
deleted file mode 100644
index c218b8d1..00000000
--- a/templates/partials/typeahead.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
-<script type="text/javascript" src="/static/js/bootstrap-typeahead.min.js"></script>
-<script type="text/javascript" nonce="{{ request.user.nonce }}">
-    $(document).ready(function() {
-        $('#pkgsearch-field').typeahead({
-            source: function(query, callback) {
-                $.getJSON('/rpc', {type: "suggest", arg: query}, function(data) {
-                        callback(data);
-                    });
-                },
-                matcher: function(item) { return true; },
-                sorter: function(items) { return items; },
-                menu: '<ul class="pkgsearch-typeahead"></ul>',
-                items: 20,
-                updater: function(item) {
-                document.location = '/packages/' + item;
-                return item;
-            }
-        }).attr('autocomplete', 'off');
-
-        $('#pkgsearch-field').keydown(function(e) {
-            if (e.keyCode == 13) {
-                var selectedItem = $('ul.pkgsearch-typeahead li.active');
-                if (selectedItem.length == 0) {
-                        $('#pkgsearch-form').submit();
-                }
-            }
-        });
-    });
-</script>
diff --git a/web/html/js/typeahead-home.js b/web/html/js/typeahead-home.js
new file mode 100644
index 00000000..5af51c53
--- /dev/null
+++ b/web/html/js/typeahead-home.js
@@ -0,0 +1,6 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const input = document.getElementById('pkgsearch-field');
+    const form = document.getElementById('pkgsearch-form');
+    const type = 'suggest';
+    typeahead.init(type, input, form);
+});
