title: jquery show div below svg circle
body: <p>I have an SVG with a line of circles and each time you click on a circle i want a pop up to appear directly below the circle with an arrow like tool tip,</p>
  
  <p>The problem I'm having is that the tooltip positioning is dependent on the where the mouse was clicked and not relative to the circle (i want it to appear in the middle of the circle).</p>
  
  <p>I am using jquery ui position utility to do this currently.</p>
  
  <p>Here is the code</p>
  
  <pre><code>thisSeat.click(function(e){ 
      $('#' + seatID).position({
          my: "top",
          at: "center bottom",
          of: e,
          offset: "-8 12",
         collision: "none"
     });
  });
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>