I have a number of divs, each containing an image that launches a lightbox gallery. A text description is also within the div and underneath each image describing what's going on (I don't want it as part of the gallery), but it doesn't contain a link to the lightbox.

Each div (and everything in it) is needed to be the button that launches the lightbox (ie, clicking anywhere in the ".project" div launches the gallery). How do I do this? 

1. <div class="project"> 
2.         <div class="project-image"><a href="myPhoto.jpg" rel="lightbox[01]" class="popup"><img src="xxxxx"></a>
3.                 <div class="caption"> 
4.                         <h2>Title</h2> 
5.                         <p>Description......</p> 
6.                 </div>
7.         </div> 
8. </div>

 This is as far as I've got, but don't know what to do with the "rel" value. Can anyone help?

1. $('.project').click(function() { 
2.       var theLink = $(this).find("a.popup").attr("href") 
3.            if(theLink != null) { 
4.                window.location= theLink; 
5.                return false; 
6.               } else {}; 
7. });

Thanks.