title: How do I target my navbar in this code?
body: <p>My code should make my header get thinner while I scroll. My navbar stays immobile, but I would like to add a padding to my navbar while it scrolls. </p>
  
  <p>However, I can't seem to target my navbar, can you suggest ideas?</p>
  
  <p>Here's the fiddle!</p>
  
  <p><a href="http://jsfiddle.net/MGc7y/" rel="nofollow">http://jsfiddle.net/MGc7y/</a></p>
  
  <pre><code>$(function(){
      $('#header').data('size','big');
  });
  
  $(window).scroll(function(){
      var $nav = $('#header');
      if ($('body').scrollTop() &gt; 0) {
          if ($nav.data('size') == 'big') {
              $nav.data('size','small').stop().animate({
                  height:'40px'
              }, 600);
          }
      } else {
          if ($nav.data('size') == 'small') {
              $nav.data('size','big').stop().animate({
                  height:'90px'
              }, 600);
          }  
      }
  });
  </code></pre>