Just started learning this language today (I'm sorry if this is a stupid question), but I'm trying to figure out how to insert circles onto a webpage. I found an example code here: <http://jsfiddle.net/7xQZ2/>
However, when I try to run it from a single file, the script portion isn't running for some reason. I tried changing around the `<body>` and `<script>`. It's simply displaying a box with the coordinates (0,0). It stays static and it isn't changing when I move my mouse.

```
<!DOCTYPE html>

<html>
<head>
    <h2 id="status2">0, 0</h2>
    <canvas width="500px" height="500px" style="width: 500px; height: 500px; border:1px ridge green;" id="special">
    </canvas>
</head>

<body> 
    <script>
        jQuery(document).ready(function(){
             $("#special").click(function(e){ 

                var x = e.pageX - this.offsetLeft;
                var y = e.pageY - this.offsetTop; 

                /* var c=document.getElementById("special"); */
                var ctx= this.getContext("2d"); /*c.getContext("2d");*/
                ctx.beginPath();
                ctx.arc(x, y, 10,0, 2*Math.PI);
                ctx.stroke();
                $('#status2').html(x +', '+ y); 
           }); 
        })  
    </script>
</body>

</html>

```