title: Comparing URL to links
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;ul class="vertical_menu no_select"&gt;
      &lt;li class="edge_top"&gt;&amp;nbsp;&lt;/li&gt;
      &lt;!-- Menu Items Here     --&gt;
      &lt;li class="not_selected"&gt;&lt;a class="selection_link" href="index.htm"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="not_selected"&gt;&lt;a class="selection_link" href="index.htm"&gt;Subitem 1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="not_selected"&gt;&lt;a class="selection_link" href="index.htm"&gt;Subitem 2&lt;/a&gt;&lt;/li&gt;
      &lt;!-- Menu Items End Here --&gt;
      &lt;li class="edge_bottom"&gt;&amp;nbsp;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now, the links with the class <code>"selection_link"</code> need to have the <code>li</code> element (their parent) to have a new class <code>"selected"</code> if the current <code>url</code> matches the <code>href</code> value inside of the anchor tag.  I can get the full URL but I don't know how to use that to help seeing as there could be more than one page with the same name at different directory levels.  </p>
  
  <p>Thanks if you can help!  I'm using jQuery with all of this so feel free to provide me with jQuery examples!</p>