title: wow.js and ajax content
body: <p>I using the following code to load in AJAX content </p>
  
  <pre><code>jQuery(document).ready(function($) {
      $('.outer-nav a').on('click', function() {
          var href = $(this).attr('href');
          if ($('#ajax').is(':visible')) {
              $('#ajax').css({ display:'block' }).animate({ height:'100%' }).empty();
          } 
          $('#ajax').css({ display:'block' }).animate({ height:'100%' },function() {
  
              $('#ajax').load('slide-fade-content.html ' + href, function() {
                  if (window.location.hash == "href") {
  
                      }
  
                  $('#ajax').hide().fadeIn('slow');
                  $('#showMenu, .open').fadeIn('slow');
                  $('.container').css('pointer-events', 'auto');
              });
          });
      });
  });
  </code></pre>
  
  <p>slide-fade-content.html looks something like this</p>
  
  <pre><code>&lt;div id="load"&gt;
   &lt;div id="first-item&gt;
   content
   &lt;/div&gt;
   &lt;div id="second-item&gt;
   content
   &lt;/div&gt;
  &lt;/div&gt;
  
  and my index.html has links like this &lt;a href="#first-item"&gt;Link 1&lt;/a&gt;
  </code></pre>
  
  <p>and then this to activate wow.js</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
      $("#showMenu").click(function() {
          $('#logo, #details-wrapper, #side-text').fadeIn();
          return false;
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But wow.js doesn't seem to be working and i'm not getting any errors. I tested the code on a plain website with no ajax and it worked perfectly.</p>