Mouse location for Rollover

Mouse location for Rollover

I have some simple rollover code here where I take the rel of an anchor and show the corresponding html ID.

I would like to set the location of the appearance of the tooltip using jquery. So, basically I want to secure the mouse location and append it to the CSS.

How do I do this?

  1.   $('.toolTip').hover(
  2.     function() {
  3.         this.tip = this.rel;
  4.         var tooltipID = "#" + this.rel;
  5.         $(tooltipID).fadeIn(300);
  6.       },
  7.     function() {
  8.         $('.tooltip').fadeOut(300);
  9.       }
  10.   );

Many Thanks in advance!

Nick