title: onclick with javascript and animate.css
body: <p>I don't get it why this won't work.</p>
  
  <p>I did an animation on my div class header (fadeInDownBig);
  What I want is when I click on a link (a href) is that my header does fadeOutUpBig.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
                 $(function(){
       $("a").click(function(){
        $("#header1").addClass('animated fadeOutUpBig');
       }); 
      });
                          &lt;/script&gt;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.header{
   margin-left:10px;
   height:350px;
   Background:url(../img/background_header2.jpg);
   background-repeat:no-repeat;
   
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="header animated fadeInDownBig" id="header1" &gt;
        &lt;div class="menu"&gt;
         &lt;a class="wow animated fadeIn hvr-grow-shadow transition" data-wow-delay="0.5s" href="../index.html" &gt;Home &lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What am I doing wrong ? 
  (does not include animate.css)</p>