diff --git a/ext/bg/js/display-window.js b/ext/bg/js/display-window.js
index c3890721..ad193c5b 100644
--- a/ext/bg/js/display-window.js
+++ b/ext/bg/js/display-window.js
@@ -21,6 +21,7 @@ window.displayWindow = new class extends Display {
     constructor() {
         super($('#spinner'), $('#content'));
         $('#search').click(this.onSearch.bind(this));
+        window.wanakana.bind($('#query').get(0));
     }
 
     definitionAdd(definition, mode) {
diff --git a/ext/bg/search.html b/ext/bg/search.html
index adeb9373..e9c25e15 100644
--- a/ext/bg/search.html
+++ b/ext/bg/search.html
@@ -35,6 +35,7 @@
         <script src="/mixed/lib/jquery-3.1.1.min.js"></script>
         <script src="/bg/js/util.js"></script>
         <script src="/mixed/js/display.js"></script>
+        <script src="/mixed/lib/wanakana.min.js"></script>
         <script src="/bg/js/display-window.js"></script>
     </body>
 </html>