title: HTML Onlcick event only works with # Anchor Tag
body: <p>When I attempt to call a function my this page using the below code. I just seems to refresh the page and not call the script.</p>
  
  <pre><code>    &lt;form role="search" name="locationForm"&gt;
        &lt;div class="form-group"&gt;
          &lt;input id="locationInput" type="text" class="form-control" placeholder="Search"&gt;
        &lt;/div&gt;
        &lt;button class="btn btn-primary btn-lg" type="submit" onclick="start();"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>If I add a '#' to the end of the url, reload the page, then the onlcick event works as it is suppose to.</p>
  
  <p>As far as I knew these were Anchor tags and I have no idea why they would be required in the calling of a function.</p>
  
  <p>How do I correct this? As I don't want to have to use the #.</p>