[jQuery] Actions on single div with common class

[evo]

Hi,
I'm having trouble figuring out how I can perform say, a hide
animation
on a div, by clicking a button on one div, which uses a class used by
other divs.

*Lets say I have this:*

<div class="message">
<a href="#" class="delete">Delete</a>
<p>Message text</p>
</div>

<div class="message">
<a href="#" class="delete">Delete</a>
<p>Message text</p>
</div>

<div class="message">
<a href="#" class="delete">Delete</a>
<p>Message text</p>
</div>

*then the jquery is:

*$("a.delete").click(function () {
            $(".overlay").hide("slow");
            });

This will hide all the messages, rather then the one I clicked the
delete button on.
Right now I'm using server side code to give each div a unique id,
then
have the jquery like this

var inc = "<%#Eval("PrimaryKeyID")%>";
$("a.delete"+ inc).click(function () {
            $(".overlay").hide("slow");
            });

This works, but it's not the best option, as I need to keep the JS
inline and I'd rather be able to seperate it into a .js file, and use
it
in future projects just by writing the correct html then dropping the
js
file in the head.

If anyone can show me the right way to do this, it would be extremely
helpful.

- Liam