title: Can't get hoverIntent jquery plugin to work
body: <p>I must be making some obvious mistake but it just doesn't seem to work.</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/hoverIntent.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  $('.section').mouseover(function(){
    $('#nav2').fadeOut(0).animate({"height":"30px"}, 250);
  
           });
  
  
  $('#section1').hoverIntent(navSelect('.interior','0px'));
  $('#section2').hoverIntent(navSelect('.exterior','100px'));
  $('#section3').hoverIntent(navSelect('.view','200px'));
  
  function navSelect(section,selectorPosition){
   return function(evt){
    if ( $(section).is(':hidden')){
    $('.subSection').fadeOut(250);
    $(section).delay(250).fadeIn(250);
    $('#selector').animate({"left":selectorPosition},250);
    }}}
  
  
           });
  &lt;/script&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p>.hover works just fine, but when i use hoverIntent it does absolutely nothing.</p>