title: How to load/go to new page after bootstrap search submittion?
body: <p>I have a search input field such :</p>
  
  <p><a href="https://i.stack.imgur.com/mRnz1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mRnz1.png" alt="enter image description here"></a></p>
  
  <pre><code>  &lt;form class="navbar-form navbar-left" role="search"&gt;
      &lt;div class="form-group"&gt;
        &lt;input type="text" class="form-control" placeholder="Search"&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>The current "search.html" webpage is .com/search/ and <strong>I want to load/go to the webpage .com/cat.</strong> Which way to go ?</p>
  
  <p><a href="https://jsfiddle.net/fvqrtzq3/" rel="nofollow noreferrer">https://jsfiddle.net/fvqrtzq3/</a></p>