make parent menu item bold when visiting child page
<p>I have the following code which gives the menu item a class of 'current'. I then style that with <code>font-weight:Bold;</code></p>

<pre><code>$(document).ready(function () {
    var loc = window.location.href;
    $("ul a").each(function() {
        if (loc.indexOf($(this).attr("href")) != -1) {
            $(this).addClass("current");
        }
    });
});
</code></pre>

<p>If the user is on a page which is within the sub menu <code>ul li a</code> how do i add a class called <code>Bold</code> to the parent UL/LI at the root level?</p>

<p>here is the structure, if i am on Q&amp;Z Group then About us needs to be bold. - <a href="http://jsfiddle.net/zZQy3/" rel="nofollow">http://jsfiddle.net/zZQy3/</a></p>
