Make entire product listing box a link to product info

Hi

I'm trying to make the div container around the products link through to the product info page. I think the best way is to use javascript but the code I have tried does not appear to work. http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

I've tried playing around with /includes/modules/specials_index.php without success. Some help with this would really be appreciated.

So to do this you have to create a new javascript file in your templates jscript folder named jscript_WHATEVER.js

In this file paste this code

$(document).ready(function(){
$(".centerBoxContentsSpecials.centeredContent a").click(function(e){
e.stopPropagation();
});
$(".centerBoxContentsSpecials.centeredContent").click(function(){
document.location=$(this).find('a:first').attr('href');
});

$(".centerBoxContentsNew.centeredContent a").click(function(e){		e.stopPropagation();	});	
$(".centerBoxContentsNew.centeredContent").click(function(){		document.location=$(this).find('a:first').attr('href');	});				

$(".centerBoxContentsFeatured.centeredContent a").click(function(e){		e.stopPropagation();	});	
$(".centerBoxContentsFeatured.centeredContent").click(function(){		document.location=$(this).find('a:first').attr('href');	});						
$(".categoryListBoxContents a").click(function(e){		e.stopPropagation();	});	
$(".categoryListBoxContents").click(function(){		document.location=$(this).find('a:first').attr('href');	});			

});

That's it