title: Navigation without class="current"
body: <p>I suspect this must be a common practice, but I can't seem to search the right phrase. I'm looking to create a basic html/css navigation menu that styles the current page's button uniquely from the other buttons. </p>
  
  <p>I could obviously use a class such as class="current" on the corresponding buttons. However, I'm hoping to only use one single snippet of code that could be dynamically loaded onto each page (preferably client-side) for easy edits in the future. Is there a common solution to this? </p>
  
  <p>Thanks!</p>
  
  <p><strong>Update: Example code</strong></p>
  
  <pre><code>Current Route:
  http://www.example.com/homer.html
  
  
  HTML
  
  &lt;body class=""&gt; (class added with Javascript)
  
  &lt;ul&gt;
  &lt;a href="homer.html"&gt;&lt;li&gt;Homer&lt;/li&gt;&lt;/a&gt;
  &lt;a href="marge.html"&gt;&lt;li&gt;Marge&lt;/li&gt;&lt;/a&gt;
  &lt;a href="bart.html"&gt;&lt;li&gt;Bart&lt;/li&gt;&lt;/a&gt;
  &lt;/ul&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/daniel_studiolynch/9U6sS/" rel="nofollow">http://jsfiddle.net/daniel_studiolynch/9U6sS/</a></p>