title: Using jQuery how to get click coordinates on the target element
body: <p>I have the following event handler for my html element</p>
  
  <pre><code>jQuery("#seek-bar").click(function(e){
      var x = e.pageX - e.target.offsetLeft;
      alert(x);    
  });
  </code></pre>
  
  <p>I need to find the position of the mouse on the #seek-bar at the time of clicking. I would have thought the above code should work, but it gives incorrect result </p>