get active class

HTML

<nav id="nav">
<ul>
<li class="current"><a href="#top" id="top-link" ><span>Home</span></a></li>
<li><a href="#portfolio" id="portfolio-link"><span>Portfolio</span></a></li>
<li><a href="#about" id="about-link"><span>About</span></a></li>
</ul>
</nav>

CSS

#nav ul li a:hover
 {
  color:#FFF;
  background-color:#333;
 }

 #nav ul li a:active
 {
 color:red;
 background-color:#ef8913;
 }

#nav ul li.current
 {
 color:#FFF;
 background-color:#ef8913;
 }
ul li{list-style-type:none;}

JavaScript

/* var links = $('#nav li');
links.click(function() { 
$(this).parent().find(".current").removeClass('current');
$(this).addClass('current');
 }); */
 
 var links = $('#nav li a');
links.click(function() { 
x=$(this).parent().find(".current").a.attr('href');
alert(x);
$(this).addClass('current');
 });