I cannot get it to apply the active class when the link is clicked on, what could I be doing wrong?

Here is my HTML:

<nav id="slides">
	<ul>
        <li id="slide-1"><a href="#top" title="Return to Top">Return to Top</a></li>
        <li id="slide-2"><a href="#portfolio-section" title="Work Samples">Work Samples</a></li>
        <li id="slide-3"><a href="#approach-wrap" title="Our Approach">Our Approach</a></li>
        <li id="slide-4"><a href="#contact-wrap" title="Drop Us a Line">Drop Us a Line</a></li>
    </ul>
</nav>

And here is my JS

$.address.init(function()
{
	$('#slides a').address();
}).change(function() 
{	
	$('#slides a').click(function()
	{
		var address = $.address.value($('#slides a').attr('href'));  
		alert(address);
		
		if($(this).attr('href') == address)
		{
			$(this).addClass('active');
		} else {
			$(this).removeClass('active');
		}
	});
});

also it is returning [object Object] / undefined for the alert....