title: How to select everything apart from a div in jQuery?
body: <p>I have a page which I want to fade in/out. However, I don't want the menu (or anything in the div class <code>menu-outer</code>) to fade with it. I know hardly any jQuery, so was wondering if any of you know why this isn't working.</p>
  
  <p>The jQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $('body:not(div.menu-outer)').css('display', 'none');
      $('body:not(div.menu-outer)').fadeIn(1000);
  
      $('a').click(function(event) {
          event.preventDefault();
          newLocation = this.href;
          $('body:not(div.menu-outer)').fadeOut(1000, newpage);
      });
  
      function newpage() {
          window.location = newLocation;
      }
  });
  </code></pre>
  
  <p>The html is huge so I wont post it, but the div I want to exclude has a class of menu-outer.</p>