title: Change class of another div on hover - jQuery
body: <p>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.</p>
  
  <p>This is my current structure below:</p>
  
  <pre><code>&lt;nav&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="select"&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
      &lt;li class="noselect"&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li class="noselect"&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
      &lt;li class="noselect"&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;li class="noselect"&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>​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'.</p>
  
  <p>I have included a jsfiddle so you can see what I mean. (Found <a href="http://jsfiddle.net/swift29/2Ua2a/1/" rel="nofollow">here</a>)</p>
  
  <p>Thanks in advance, Swift</p>