title: I inserted a jquery slider in magento (flexslider) but it wont load
body: <p>I'm trying to load a slider called flexslider but its not working and i can't figure it out.</p>
  
  <p>It has something to do with a line in magento local.xml: </p>
  
  <pre><code> &lt;!-- Add js/css globally --&gt; &lt;reference name="head"&gt;
  </code></pre>
  
  <p>Any help please?
  <a href="http://flexslider.woothemes.com/" rel="nofollow">http://flexslider.woothemes.com/</a></p>
  
  <p>The console shows this error "Uncaught TypeError: Cannot call method 'flexslider' of null" </p>
  
  <p>The specific section is this one:</p>
  
  <pre><code>&lt;div class="std"&gt;&lt;script type="text/javascript"&gt;
  $(window).load(function() {
  $('.flexslider').flexslider({
   animation: "slide"
    });
  });
  &lt;/script&gt;
  &lt;div class="flexslider"&gt;
  &lt;ul class="slides"&gt;
  &lt;li&gt;&lt;img src="http://127.0.0.1/magento/skin/frontend/waterlee-boilerplate/default/images/kitchen1.jpg" alt="" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="http://127.0.0.1/magento/skin/frontend/waterlee-boilerplate/default/images/kitchen2.jpg" alt="" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="http://127.0.0.1/magento/skin/frontend/waterlee-boilerplate/default/images/kitchen3.jpg" alt="" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="http://127.0.0.1/magento/skin/frontend/waterlee-boilerplate/default/images/kitchen4.jpg" alt="" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>