title: jQuery class remove works on fiddle but not on website
body: <p>I wrote a jQuery script to change the class on a list element when you mouse over a label.  It works in Fiddle.  Doesn't work on the site. </p>
  
  <p>On the live site, when you mouse over 'Market Sector' it should display a sub menu of choices. </p>
  
  <p>jQuery:</p>
  
  <pre><code>jQuery(document).ready(function () {
      jQuery("#navnav").hover(function () {
          $("#navnav&gt;li.display-none").removeClass("display-none");
      },
  
      function () {
          jQuery("#navnav&gt;li").addClass("display-none");
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3egwq9gt/8/" rel="nofollow">http://jsfiddle.net/3egwq9gt/8/</a></p>
  
  <p>LIVE SITE:</p>
  
  <pre><code>http://184.168.245.89/dev/test-gallery-2/
  </code></pre>