title: Jquery tooltip absolute position above a link which is inside paragraph text?
body: <p>I am trying to retrieve the position of an HTML element inside a paragraph. Eg. a span or anchor. I would also like the width of the element.</p>
  
  <p>So that when I hover the object, I can activate/build/show a sort of toolbar/tooltip above the element dynamically.</p>
  
  <p>I need it to be dynamically added to exisiting content, so somekinda "search-replace" jQuery thingy that scans the elements within eg. a DIV and then does this for all that matches this "feature".</p>
  
  <p>Main problem/question is:</p>
  
  <p>How do I retrieve the "current absolute" position of the element I am hovering with the mouse. I dont want the toolbar/tooltip to be following the mouse, but instead it must "snap" to the element its hovering. so I was thinking: "place BOX -20px from current element. Match width.... </p>
  
  <p>Possible? is there a jQuery plugin for this already - or?</p>
  
  <p>Sample code:</p>
  
  <pre><code>  &lt;div class="helper"&gt;
  
        &lt;h1&gt;headline&lt;/h1&gt;
  
        &lt;p&gt;Here is some sample text. But &lt;a href="somewhere.htm" class="help help45"&gt;this is with an explanation you can hover&lt;/a&gt;. &lt;a href="somewhereelse.htm"&gt;And this isnt.&lt;/a&gt;
  
        &lt;ul&gt;
            &lt;li&gt;We could also do it &lt;a href="somewhere.htm" class="help help32"&gt;inside a bullet list&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>The .help is the class triggering the "help" and the .help45 or .help32 is the helpsection needed to be shown (but thats another task later, as I am hoping to retreive the "id" from the "help45" so a serverlookup for id=45 can load the text needed to be shown.</p>
  
  <p>Nb. if the page scrolls etc. the helptip still needs to follow the item on the page until closed/hidden.</p>