diff --git a/templates/layout.html b/templates/layout.html
index d1b78f3..0fc6f23 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -8,13 +8,7 @@
 <link href="_assets/style-{{style_css_checksum()}}.css" rel="stylesheet">
 </head>
 <body>
-<form class="search keyboard-focus-control" action=_search method=GET>
-    <input data-focusindex="0" type=search name=q placeholder=search autocomplete=off>
-    <ul class="live-results search-results">
-    </ul>
-</form>
-<ul id="search-result-prototype" class="prototype"><li class="search-result"><a class="link" href=""><span class="title"></span> &ndash; <span class="snippet"></span></a></li></ul>
-<script src="_assets/search-{{search_js_checksum()}}.js" defer></script>
+{{>search_input.html}}
 {{{body}}}
 </body>
 </html>
diff --git a/templates/search_input.html b/templates/search_input.html
new file mode 100644
index 0000000..b18b8dd
--- /dev/null
+++ b/templates/search_input.html
@@ -0,0 +1,7 @@
+<form class="search keyboard-focus-control" action=_search method=GET>
+    <input data-focusindex="0" type=search name=q placeholder=search autocomplete=off>
+    <ul class="live-results search-results">
+    </ul>
+</form>
+<ul id="search-result-prototype" class="prototype"><li class="search-result"><a tabindex="0" class="link" href=""><span class="title"></span> &ndash; <span class="snippet"></span></a></li></ul>
+<script src="_assets/search-{{search_js_checksum()}}.js" defer></script>
