diff --git a/app/styles/app.scss b/app/styles/app.scss
index 5a1b1de8b81..614495440af 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -119,7 +119,7 @@ body {
     @media only screen and (max-width: 820px) {
         .menu { display: block; }
         .nav { display: none; }
-        div.search { display: none; }
+        form.search { display: none; }
     }
 }
 
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index 4a7d5da8967..5f63de6dec5 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -11,12 +11,12 @@
         <h1>CARGO</h2>
     {{/link-to}}
 
-    <div class='search'>
-        {{input type="text" class="search"
+    <form class='search' action='/search' {{ action "" on="submit" }} >
+        {{input type="text" class="search" name="q"
                 placeholder="Search"
                 value=search
                 action="search"}}
-    </div>
+    </form>
 
     <div class='nav'>
         {{#link-to "crates" (query-params letter="null" page=1)}}