title: why form getting submitted on anchor tag click?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="/users" method="GET"&gt;
      &lt;input type="text" id="username" name="username" required&gt;&lt;br&gt;
      &lt;button type="submit"&gt;Search&lt;/button&gt;    
      &lt;a href='/users'&gt;&lt;button&gt;Clear&lt;/button&gt;&lt;/a&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>when I click on anchor tag form gets submitted, I dont want form to get submitted on anchor tag click.
  When I take anchor tag out of form it doesnt submit.</p>
  <p>What I want is to have anchor tag in the form and not get submitted on anchor tag click, it should get submitted only when button is clicked.</p>