title: How to insert an element in DIV at position X Y
body: <p>I am trying to create a webpage where users can insert a pin (like google map) in
  between the text using context menu.</p>
  
  <p>My problem is that i do not know how to insert the pin at the exact position.
  Using the DOM I can arrive only to the nearest DIV (by using <strong>this</strong>) but a DIV contains a
  lot of text and the PIN has to be positioned next to the text.</p>
  
  <p>I can obtain the position of the mouse click using pageX and pageY but
  dont know how to insert an element at that position. I tried in JQuery: 
  insertAfter, prepend, append but not getting the desired result.</p>
  
  <p>Any idea how to solve this problem.</p>
  
  <p>regards,
  choesang tenzin </p>
  
  <pre><code> $("#Content").rightClick( function(e) {
  
      $("&lt;div class='pin'/&gt;").insertAfter(this); 
   });    
  </code></pre>