title: jQuery active link current page
body: <p>I have tried several jQuery scripts to make my navigation have an active state of each button, when the user is on each page.</p>
  
  <p>My navigation looks like this: <a href="http://jsfiddle.net/EWhS3/" rel="nofollow">http://jsfiddle.net/EWhS3/</a></p>
  
  <p>or</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
          &lt;div id="header"&gt;
              &lt;img src="img/logo.png"&gt;
          &lt;/div&gt;
          &lt;!--header END--&gt;
          &lt;div id="nav"&gt;
              &lt;ul&gt;        
                  &lt;li&gt;&lt;a href="index.php" class="select"&gt;Profil&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="referencer.php" class="pushlinks" class="select"&gt;Referencer&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="projekter.php" class="pushlinks" class="select"&gt;Projekter&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="galleri.php" class="pushlinks" class="select"&gt;Galleri&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="blog.php" class="pushlinks" class="select"&gt;Blog&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="pushlogin" class="select"&gt;Login&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--nav END--&gt;
          &lt;div id="content"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I want that the hover effect, will stay active, when the user visits each page.</p>
  
  <p>I really hope someone could give me an idea for this.
  I tried several things but didn't really could make it work :(</p>
  
  <p>Thanks in advance ;)</p>