title: Send form input value to URL
body: <p>I have a simple search form:</p>
  
  <pre><code>&lt;form method="get" action=""&gt;
  &lt;input id="search" placeholder="Search" type="search" name="search"&gt;&lt;/input&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want to get the value from "search" and have it show up in the url like this:</p>
  
  <pre><code>http://domain.ca/blog/search/searchterm
  </code></pre>
  
  <p>So if a visitor searches for "kubrick", they'll get a URL like:</p>
  
  <pre><code>http://domain.ca/blog/search/kubrick
  </code></pre>
  
  <p>I can't use PHP. Is there a Javascript solution?</p>