I have searched everywhere yet everything seems to skirt around what I am after and I haven't learnt enough to do this myself so sorry if it is out there somewhere or a stupid question.

This is my current structure below:

```
<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li class="select"></li>

    <li><a href="#">Services</a></li>
    <li class="noselect"></li>

    <li><a href="#">Gallery</a></li>
    <li class="noselect"></li>

    <li><a href="#">About Us</a></li>
    <li class="noselect"></li>

    <li><a href="#">Contact Us</a></li>
    <li class="noselect"></li>
  </ul>
</nav>

```

​What I want is when a link is hovered, the 'li' that follows has it's class changed to 'select' and all others set to 'noselect'.

I have included a jsfiddle so you can see what I mean. (Found [here](http://jsfiddle.net/swift29/2Ua2a/1/))

Thanks in advance, Swift