Jquery: How do I get the url of an anchor contained within a clicked 'li' tag?

Question

The following is a segment of HTML in one of my pages:

<li class="prodcat-line">
   <a title="foobar" class="prodcat" href="/some/url.php">Foobar</a>
</li>

I want to be able to retrieve the url of the clicked on li tag. My "jQuery fu" IS NOT WHAT IT SHOULD BE. I know how to bind the click event of li elements of class "prodcat-line", but I don't know how to extract nested tags from within the clicked item - can anyone help?

Answer 1

$('.prodcat-line').click(function(){
    alert($('a', this).attr('href'));
    return false;
});

Example here.