jQuery: Getting mouse click coordinates

Click the flower...


The jQuery Code START
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script type="text/javascript">
      $(function() {
          $('#target').bind('click', clicker);
      });

      function clicker(event) {
          $('#p1').text('(screenX, screenY) = (' + event.screenX + ', ' + event.screenY +  ')');
          $('#p2').text('(pageX, pageY) = (' + event.pageX + ', ' + event.pageY +  ')');
      }
    </script>
    
    <style type="text/CSS">
        <!--
        .code { color: red; }
        .back { background-color: yellow; }
        -->
   </style>
  </head>

  <body>
    <h1>jQuery: Getting mouse click coordinates</h1>
    <h3>Click the flower...</h3>
    <img id="target" src="Image1.jpg"/>
    <p id="p1"></p>
    <p id="p2"></p>
    <br />