title: jQuery can't use addClass
body: <p>I have two DIVS and for simplicity's sake, I'll put them here...</p>
  
  <pre><code>&lt;div id="div1"&gt;&lt;/div&gt;
  
  &lt;div id="maincontent" class="extra"&gt;
  
  .... some content goes here...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>So here's the challenge and it's probably quite simply, actually.</p>
  
  <p>DIV1 is being populated by the JQuery .load event and displays first.</p>
  
  <p>Then after 30 secs, and the HTML video runs, it the JQuery .fadeOut occurs and then DIV maincontent has the .fadeIn event executed on it.</p>
  
  <p>At least that's how its "supposed" to work.</p>
  
  <p>Here's the JS code.</p>
  
  <pre><code>$(function() {
      $("#maincontent").addClass("hidden");
      $("#div1").delay(35000).fadeOut("slow");
      $("#maincontent").delay(36500).fadeIn("slow");
      $("#maincontent").removeClass("hidden");
  });
  </code></pre>
  
  <p>There's another class that's simply .hidden with a display: none:</p>
  
  <p>but, maincontent div isn't hiding and is there while div1 is!</p>
  
  <p>div1 fades out nicely, but maincontent is there the whole time.</p>
  
  <p>here's the css class: .extra</p>
  
  <pre><code>.extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto 0px; overflow:hidden; position:relative; z-index:10; background: url(../images/bgwithTitle.png) center center no-repeat;}
  </code></pre>
  
  <p>So I need to probably have the DOM exist first before I try to add the class .hidden to the maincontent div, correct?</p>
  
  <p>See, the other problem is, if I add, .hidden to the div class for maincontent, .extra doesn't work either.</p>