<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="./serp.css" />
</head>
<body>
  <section>
    <form role="search">
      <input type="text" value="test" />
      <div>
        <ul>
          <li id="suggest">test</li>
      </div>
    </form>
  </section>
  <section id="searchresults">
    <div class="lhs">
      <div>
        <h5 test-label>non_ads_link</h5>
        <a id="non_ads_link" href="https://example.com/hello_world">
          <h2>Example of a non ad</h2>
        </a>
      </div>
    </div>
  </section>
</body>
<script type="text/javascript">
  document.querySelector("form").addEventListener("submit", event => {
    event.preventDefault();
    window.location.href = "https://example.org/browser/browser/components/search/test/browser/searchTelemetryAd_searchbox.html?s=test&abc=ff";
  })
  document.getElementById("suggest").addEventListener("click", event => {
    event.preventDefault();
    window.location.href = "https://example.org/browser/browser/components/search/test/browser/searchTelemetryAd_searchbox.html?s=test&abc=ff";
  })
</script>
</html>
