This is my simple code HTML but it doesn't work with me

```
<html lang="en">
        <head>
            <title>Test</title>
            <script type="text/javascript">
            function getdata() {

                document.getElementById("page").innerHTML="Hello";
            }
        </script>
        </head>
        <body>
         <a id="teachers" href="" name="teachers" onclick="getdata()">Click here </a>
         <div id="page"  name="takak" class="home">
            modify this text 
         </div>
        </body>
</html>

```

I want to modify the content of the div (id="page") when I click on the link . Please can someone help me ?!