title: TypeError is Null?
body: <p>This is an error in Firebug I keep seeing.</p>
  
  <pre><code>TypeError: $("#gallery-nav-button") is null
   [Break On This Error]  
  $('#gallery-nav-button').addClass('animated fadeOutRightBig');
  </code></pre>
  
  <p>Here is my code: </p>
  
  <p><em><strong>JS</em></strong></p>
  
  <pre><code>$(function() {
    $("#close-gallery-nav-button").click(function() {
      $('#gallery-nav-button').addClass('animated fadeOutRightBig');
     });
  });
  </code></pre>
  
  <p><em><strong>HTML</em></strong></p>
  
  <pre><code>&lt;div id="gallery-nav-button"&gt;
    &lt;h4 id="close-gallery-nav-button"&gt;X&lt;/h4&gt;
      &lt;h3 class="text-center small-text"&gt;&lt;a class="inline text-center small-text" href="#gallery-nav-instruct"&gt;Click Here for Gallery &lt;br /&gt; Navigation Instructions.&lt;/a&gt;&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><em><strong>CSS</em></strong></p>
  
  <pre><code>#close-gallery-nav-button{
    text-indent:-9999px; 
    width:20px; 
    height:20px; 
    position:absolute; 
    top:-20px; 
    background:url(/images/controls.png) no-repeat 0 0;
  }
  #close-gallery-nav-button{background-position:-50px 0px; right:0;}
  #close-gallery-nav-button:hover{background-position:-50px -25px;}
  </code></pre>