title: Class not remaining on anchor when clicked on dynamic page
body: <p>I have a dynamic page here <a href="http://www.intelligen.info/index.html" rel="nofollow">http://www.intelligen.info/index.html</a> that replaces content when an anchor is selected from the nav on the left. The class 'current' should be added to and stay on the selected anchor, however it is not working. The selected anchor should have a line through it when selected. How can I  make this work?</p>
  
  <p>here is the code: </p>
  
  <pre><code>$(function() {
  
  var newHash      = "",
      $mainContent = $("#main-content"),
      $pageWrap    = $("#page-wrap"),
      baseHeight   = 0,
      $el;
  
  $pageWrap.height($pageWrap.height());
  baseHeight = $pageWrap.height() - $mainContent.height();
  
  $("nav").delegate("a", "click", function() {
      window.location.hash = $(this).attr("href");
      return false;
  });
  
  $(window).bind('hashchange', function(){
  
      newHash = window.location.hash.substring(1);
  
      if (newHash) {
          $mainContent
              .find("#guts")
              .fadeOut(200, function() {
                  $mainContent.hide().load(newHash + " #guts", function() {
                      $mainContent.fadeIn(200, function() {
                          $pageWrap.animate({
                              height: baseHeight + $mainContent.height() + "px"
                          });
                      });
                      $("nav a").removeClass("current");
                      $("nav a[href="+newHash+"]").addClass("current");
                  });
              });
      };
  
  });
  
  $(window).trigger('hashchange');
  
  });
  </code></pre>