HTML + JS Problem (Anchors/links are not working)

<!DOCTYPE html>
<html lang ="en">
  <head>
    <title>JavaScript &amp; Exercise #7</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="assg7-content/c06.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
  </head>
  <body>


    <div id="page">
      <h1>List King</h1>
      <h2 id="noteName">Audio Note</h2>
      <form action="http://example.org/">
        <label for="noteInput">Enter note name:</label>
        <input type="text" id="noteInput" />
        <div id="buttons">
          <a data-state="record" href="">record</a>
        </div>
      </form>
     </div>


      <!--Return to home-->
      <h6><a href='index.html'><img id="home" src ="Site-Images/home-icon.png" alt ="home"></a></h6>
      <!--Return to home-->
<!--Another problem..the javascript file affects ANY URLS-->
    <script src="assg7-content/ex07.js"></script>
  </body>
</html>