[jQuery] Hover on all elements: $(*).hover(...)

[jQuery] Hover on all elements: $(*).hover(...)


Heyo jQuery hackers,
I'm putting together a little script that adds a class "selected" to
an element when you hover over it.
When you stop hovering the class "selected" class is removed.
I would like the class only to be apply to the lowest element in the
DOM.
For example say I was hovering over a

deep inside a document - I
would like to only add the class "selected" to that

tag, not the
<div>, <body> and <html> tags surrounding it.
So far my thinking has been to use something like this:
$(function() {
$("*").hover(
function(){
$(this).addClass('selected');
},
function(){
$(this).removeClass('selected');
}
);
}
Which adds the "selected" class to any element I hover over fine. It
also removes it.
The problem is the hover is firing all the way up the chain and
hitting all elements from the lowest to the highest so I've got a ton
of ugly selected elements when I really just wanted the lowest one...
Is there any way I can restrict it?
Thanks,
John