diff --git a/themes/jquery/css/docsearch.css b/themes/jquery/css/docsearch.css
new file mode 100644
index 00000000..a0bba13f
--- /dev/null
+++ b/themes/jquery/css/docsearch.css
@@ -0,0 +1,16 @@
+/* Custom DocSeach CSS to adapt the generic one
+* See https://community.algolia.com/docsearch/styling.html for more info
+*/
+
+nav#main .searchform {
+    text-shadow: none;
+}
+
+.searchform label {
+    width: 100%;
+    display: block;
+}
+
+.algolia-autocomplete {
+    width: 99%;
+}
\ No newline at end of file
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
index b53dc5f1..120309a5 100755
--- a/themes/jquery/header.php
+++ b/themes/jquery/header.php
@@ -35,6 +35,16 @@
 
 	<script src="https://use.typekit.net/wde1aof.js"></script>
 	<script>try{Typekit.load();}catch(e){}</script>
+	<!-- at the end of the HEAD -->
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
+	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/docsearch.css">
+
+	<!-- at the end of the BODY -->
+	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" async onload="docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
+	indexName: 'jquery',
+	inputSelector: 'input[name=\'s\']',
+	debug: false // Set debug to true if you want to inspect the dropdown
+	})"></script>
 
 <?php
 	if ( is_singular() && get_option( 'thread_comments' ) )