title: zoomIn effect (Animate.css) doesnt works in second click or without page load
body: <p>I am trying to zoomIn a text using animate.css on every click of a button.It works only for first time. If page load it works again for first time. Need a help.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="row contact-section"&gt;
     &lt;div class="col-md-12"&gt;
         &lt;h1 id='an'&gt; contact section&lt;/h1&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;button class='.mini-contact'&gt;animate&lt;/button&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$('.mini-contact').on('click',function(){
   $('.contact-section').fadeIn();
   $('#an').addClass('animated zoomIn');
  })
  </code></pre>