title: add class to li on hover but remove from all others
body: <p>I need to add a class to an <code>li</code> on hover but remove the same class from all other <code>li</code>s in the list (this is for a nav).</p>
  
  <p>The code I have so far is:   </p>
  
  <pre><code>jQuery(".navcontent").on('mouseenter', 'li', function() {
      if (jQuery('.childmenu', this)) {
          jQuery('.childmenu', this).addClass("child-active");
      } else {
          jQuery('.navcontent li .childmenu').removeClass("child-active");
      }
  });
  </code></pre>
  
  <p>I can't quite work out what I need to do... </p>
  
  <p>Any help would be much appreciated.</p>