title: if nav link matches page_id change color
body: <p>ok so heres my nav setup</p>
  
  <pre><code>&lt;div id="headerMenu"&gt;
              &lt;ul&gt;  
                  &lt;li style="width:147px"&gt;&lt;a href="/?page_id=92" class="menuHov"&gt;&lt;span&gt;ABOUT&lt;br/&gt;ABOUT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width:186px"&gt;&lt;a href="/?page_id=64" class="menuHov"&gt;&lt;span&gt;STOCKISTS&lt;br/&gt;STOCKISTS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width:146px"&gt;&lt;a href="/?page_id=96" class="menuHov"&gt;&lt;span&gt;PRESS&lt;br/&gt;PRESS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width:128px"&gt;&lt;a href="/?category_name=blogs" class="menuHov"&gt;&lt;span&gt;BLOG&lt;br/&gt;BLOG&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width:70px"&gt;&lt;a href="/?page_id=89 " class="menuHov"&gt;&lt;span&gt;CONTACT&lt;br/&gt;CONTACT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>i need a jquery script to recognize the page_id variable and the href and if they're the same, change color... let me know if you need anymore info...</p>
  
  <p>heres what i tried so far.</p>
  
  <pre><code> $(document).ready(function() {
      $('a.menuHov[href$=' + window.location.pathname + ']').css('color', '#fae349');
  });
  </code></pre>
  
  <p>but that changes everything  because i guess it doesn't recognize the href as a pathname</p>