title: Draw dot on image using jQuery
body: <p>I have the following code to track where a user clicks on an image:</p>
  
  <pre><code> &lt;img src="images/test.jpg" id="testimg" /&gt;
  
      &lt;script type="text/javascript"&gt;
          $("#testimg").click(function (ev) {
              mouseX = ev.pageX;
              mouseY = ev.pageY
              alert(mouseX + ' ' + mouseY);
          })
  
      &lt;/script&gt;
  </code></pre>
  
  <p>What I would like to do is, when the user clicks on the image, I want to draw a dot at the X,Y coordinates of the click.</p>
  
  <p>Can someone give me some advice on how this can be done?</p>