title: HTML Button reloading current page
body: <p>I have many buttons on the webpage that are working correct, but some of the buttons are not responding the same way.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function Function() {
      var x = new Date().toLocaleString();
      document.getElementById("M_Date").innerHTML = x;
        
      var M_Submit  = document.getElementById("M_Submit");
      var M_Yes  = document.getElementById("M_Yes ");
        
      M_Submit.style.display = "none";
      M_Yes.style.display = "block";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button onclick="Function(); return false;"&gt;Complete&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have also tried copying a button that is working and pasting it in the same location and replacing the function for that spot.
  I have also change the Function name to something else and same result.</p>