Jquery Click down menu bold

HTML

<nav>
    <ul>
        <li><a class="index" href="/">Home</a></li>
        <li  class="url"><a href="#">Other</a>
            <ul class="nested">
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>                               
        </li>
        <li><a class="news" href="#">News</a></li>
    </ul>
</nav>

CSS

.bold{
 font-weight: bold;
}
.nested{
  font-weight: normal !important;
}

JavaScript

$(document).ready(function(){
    $(" .url ").click(function(){
        $("nav>ul>li").addClass("bold");
    });
});