TypeError is Null?
<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>
