jquery, div maken en daarna verwijderen

Beste,

Ik heb een link en als je daar overheen gaat komt er een extra div met de langere link, dus nu wil ik dat wanneer ik over

a.link ga, er met jquery een klein divje wordt aangemaakt boven a.link

Wanneer ik dan over de nieuwe div ga (a.sublink) en ik verlaat hem met mijn muis dat dan pas die div verwijderd wordt..

Ik heb momenteel deze code:

$("a.link").mouseover(function() {
				
            
            $(this).append('<div class="tooltip">http://www.google.me</div>'); 
				
                $("a > div.tooltip").fadeIn(0); 
				
		});
		
		$(".tooltip").mouseover(function() {
			 $(".tooltip").remove();
             
		});

Maar helaas verwijderd hij hem niet..

Ook wil ik straks dat er dynamische links in komen, maar dat deze niet steeds worden opgevraagd via de database maar onthouden worden.. Hoe kan ik dat het beste doen met jquery?

Hopelijk kunnen jullie mij helpen.

Waarom zou het een id moeten zijn? een class zou net zo goed moeten werken..

@killingdevil, ik weet dat $(this) beter is, maar ook daarmee verijderd hij de aangemaakte div niet.

het princiepe:
ik ga over link a.link

dan verschijnt er boven de a.link een div genaamd tooltip, wanneer ik op de tooltip ben geweest en hem verlaat, of na 2 sec niet naar tooltip gegaan te zijn moet hij hem weer verwijderen..

Hoe zou ik zoiets kunnen maken?

met .tooltip heb ik het niet voor elkaar gekregen om dit zo te maken zoals ik het wil..