Error in jquery overlay

Error in jquery overlay

Hi all

I am using jquery tools from http://flowplayer.org/tools/index.html. My basic requirement is to display a pop up when click on image button. so I am using the following
<a href="${info}"><img src="/_layouts/Catalog/Images/info.jpeg" rel="#detail" ></a>

$(function() {
            $("img[rel]").overlay();
        });

The document is saying that the rel value will select the id value in the div tag and it overlays. The below is the html tags of my aspx page(This is the different aspx page where I have code behind) where I geve div id value as "detail"
<body >
<div id ="detail" >
     <table>
    <tr>
    <td>
    <asp:Label ID ="fileName" runat ="server"></asp:Label>
    </td>
    </tr>
    </table>
</body >

But I don't know what happened it is not taking this value. Is there any problem with aspx or did I gave in improper calling.

Please help me. If  I confuse you pity on me and plese ask me to clear the mud.

Thanks in advance