[jQuery] Need to insert an element in DIV at position X Y

[jQuery] Need to insert an element in DIV at position X Y


Hi!
I am trying to create a webpage where users can insert a pin (div) in
between the text using context menu.
My problem is that i do not know how to insert at the exact position.
Using Dom's I can arrive only to the nearest DIV but a DIV contains a
lot of text and the PIN has to be position close to the text.
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
insertAfter, prepend, append but not getting the desired result.
Any idea how to solve this problem.
regards,
choesang tenzin