title: Add search terms from form to search url
body: <p>I am trying to create a search input to a site that add the search terms to the end of the url.</p>
  
  <p>This is the url in question:</p>
  
  <p><a href="http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/" rel="nofollow">http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/</a></p>
  
  <p>You can manually search by adding the search term to the end of the url eg./Search/robert &amp; if the string contains multiple words they need to be separated with "%20" eg./Search/Robert%20Earl.</p>
  
  <p>Here is my current search form:</p>
  
  <pre><code>&lt;form method="get" action="http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Events/Search/" id="searchform" role="search"&gt; 
      &lt;input type="text" value="Search Events" name="s" id="s" onFocus="if (this.value == 'Search Events') {this.value=''; this.style.color='#000000';}"/&gt; 
      &lt;input type="hidden"  name="sitesearch"  value=""/&gt; 
  &lt;/form&gt;
  </code></pre>
  
  <p>If I type Kevin into the input, the form returns this url:</p>
  
  <p><a href="http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/?s=Kevin&amp;sitesearch=" rel="nofollow">http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/?s=Kevin&amp;sitesearch=</a></p>
  
  <p>I know that I need some Javascript in there to handle the search and build the correct url but I have no idea what is needed.</p>
  
  <p>Anyone have any ideas? Apologies if this has been answered elsewhere. I took a long look around but could not find anyything.</p>