title: How to get form input to appear as query params when div is click instead of button
body: <p>I have an html form that is more or less the following</p>
  <pre><code>&lt;form action=&quot;/results&quot;&gt;
   &lt;input name=&quot;q&quot; type=&quot;text&quot;&gt;
   &lt;div&gt;See results&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>If I type something into the form, such as &quot;my search&quot; and press &quot;enter&quot; I'll be taken to the Results page with something like this: <code>mywebsite.com/results?q=my+search</code>. My problem is that I would like to get the same behavior when someone clicks &quot;See results,&quot; which currently takes them to the Results page but without the params. I know using <code>&lt;button&gt;</code> instead of <code>&lt;div&gt;</code> would get me the results I need, but in this situation using <code>&lt;button&gt;</code> is not practical due to how all of the templates have been written.</p>