Flexslider Carousel do not display images on slider

Flexslider Carousel do not display images on slider but when I inspect in browser it display images.

HTML Code

<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_cheesecake_brownie.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_caramel.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" />
    </li>
  </ul>
</div>

jQuery Code

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  }); 
});

JS Fiddle

Sorry! I forgot to import jquery.flexslider.js library and I resolve my problem to adding this library and it working fine for me.

JS Fiddle