title: jquery cycle2 initialisation script failing
body: <p>I can utilise jq cycle2 fine with all required options <em>inline</em> within a div, as is now the preferred style. But I would like to instead use an initialisation script, just like the old method of operation. I just prefer to keep the gallery options stuff out of my markup and in an external .js file wherever possible.</p>
  
  <p>I've made the script with all of the options that work perfectly with the 'inline' method and it is linking properly, but this silently fails and the slideshow reverts to default setting of fade whereas I specify scrollHorz.</p>
  
  <p>Also I'm using previous/next buttons and animated cations - the captions work but without animation and the prev/next buttons are visible but fail completely.</p>
  
  <p>My script is in a file named 'functionality.js' and I believe I've followed the instructions for 'custom initialisation script' <a href="http://jquery.malsup.com/cycle2/api/" rel="nofollow">as outlined in the API</a>. I have all relevant plugins in a file called 'plugins.js' which link just fine and you'll see them referenced in a console screengrab below.</p>
  
  <p>Please see the following markup/script (it's a straight copy of a cycle2 example for simplicity) and a link to the console screengrab:</p>
  
  <pre><code>&lt;a href="#"&gt;&lt;span class="prevControl"&gt;Prev&lt;/span&gt;&lt;/a&gt;
  &lt;a href="#"&gt;&lt;span class="nextControl"&gt;Next&lt;/span&gt;&lt;/a&gt;
  
  &lt;div class="cycle-slideshow"&gt;
  &lt;img src="http://malsup.github.com/images/p1.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens"/&gt;
  &lt;img src="http://malsup.github.com/images/p2.jpg" data-cycle-title="Redwoods" data-cycle-desc="Muir Woods National Monument"/&gt;
  &lt;img src="http://malsup.github.com/images/p3.jpg" data-cycle-title="Angel Island" data-cycle-desc="San Franscisco Bay"/&gt;
  &lt;img src="http://malsup.github.com/images/p4.jpg" data-cycle-title="Raquette Lake" data-cycle-desc="Adirondack State Park"/&gt;
  
  &lt;div class="cycle-caption"&gt;&lt;/div&gt;
  &lt;div class="cycle-overlay"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The linked script:</p>
  
  <pre><code>$('.cycle-slideshow').cycle({
  fx: scrollHorz,
  timeout: 2000,
  speed: 700,
  prev: ".prevControl",
  next: ".nextControl",
  caption-plugin: caption2,
  overlay-fx-sel: "div"
  });
  </code></pre>
  
  <p>And here's a link to <strong><a href="http://www.sharasymowicz.com/assets/images/misc/cycle-error.gif" rel="nofollow">a screengrab of the console error</a></strong></p>
  
  <p>If anyone could advise it would be much appreciated, I'm sure it's a simple error!</p>
  
  <p>Thanks in advance</p>