title: Jquery/Javascript sometimes works, sometimes doesn't
body: <p>I am loading the following jquery, sometimes it works as expected however sometimes it doesn't, and i don't understand why? </p>
  
  <p>When it does work i get no errors in firebug, however the times that it doesn't work i get an error <strong>TypeError: b.pageZoom is undefined</strong></p>
  
  <pre><code>$this-&gt;template-&gt;jscripts = array (
              'assets/libraries/jquery-ui-1.8.12.custom.min.js',
              'assets/libraries/jquery.validate.min.js',
              'assets/scripts/turn.min.js',
              'assets/scripts/turn.html4.min.js',
              'assets/libraries/modernizr.2.5.3.min.js',
              'assets/scripts/scripts.js?v=1.0'
          );
  </code></pre>
  
  <p><strong>My code from scripts.js?v=1.0</strong></p>
  
  <pre><code>function loadApp() {
  
  // Create the flipbook
  $('.flipbook').each(function(){
  $(this).turn({
          // Width
  
          width:922,
  
          // Height
  
          height:600,
  
          // Elevation
  
          elevation: 50,
  
          // Enable gradients
  
          gradients: true,
  
          // Auto center this flipbook
  
          autoCenter: true
          });
  }); 
    }
  // Load the HTML4 version if there's not CSS transform  
  $(document).ready(function() {
  yepnope({
  test : Modernizr.csstransforms,
  yep: ['../../lib/turn.js'],
  nope: ['../../lib/turn.html4.min.js'],
  both: ['css/basic.css'],
  complete: loadApp
  });
  });
  </code></pre>