title: Zurb foundation 4 sections & jQuery Effects
body: <p>I'm using foundation 4, specifically the foundation.section.js plugin.
  The issue is that I want to add jQuery effect when navigating through tabs, so that the content fades in smoothly, instead of just appearing there.</p>
  
  <p>I've read that in order to use jQuery instead of zepto, I need to include the script file in the beginning of my .html, right after custom.modernizr.js which i did.
  Also after I initialize foundation I do the following:</p>
  
  <pre><code>$(document).foundation('data-section-title').click(function() {
      $(document).foundation('.active[data-section-region]').fadeIn("slow");
  })
  </code></pre>
  
  <p><code>data-section-title</code> is the data attribute for the title of the tab, while <code>.active[data-section-region]</code> is the active region selection (all these according to the <a href="https://github.com/zurb/foundation/blob/master/js/foundation/foundation.section.js" rel="nofollow">foundation.section.js v4.1.3 code</a>).
  I thought that something like my code above would work, but instead I get an Uncaught TypeError: Cannot use 'in' operator to search for 'display' in undefined.</p>
  
  <p>Any ideas how I could make it work?
  Btw I'm using jQuery 1.9.1 and Zurb Foundation 4.1.6</p>