Flexslider doesn't work in WordPress

[Blagger]

I'm trying to add a flexslider slideshow in a WordPress, but after including the codes in the and the slideshow in the nothing shows. Looking with firebug, the div I made for the slideshow is there, but flexslider just doesn't load. I'm using a child theme of the TwentyTwelve theme and I copied the header.php in the directory of the child theme to modify. These are the codes:This is the code in the tag:\[code\]<link rel="stylesheet" href="http://stackoverflow.com/questions/15714261/css/flexslider.css" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script src="http://stackoverflow.com/questions/15714261/js/jquery.flexslider.js"></script><!-- Load the flexslider --><script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", // slide or fade controlsContainer: ".flex-container" // the container that holds the flexslider }); });</script>\[/code\]And here the slideshow in the page:\[code\]<div id="flexslider-container"> <div class="flexslider"> <ul class="slides"> <li><img src="http://stackoverflow.com/images/Penguins.jpg" /></li> <li><img src="http://stackoverflow.com/images/Desert.jpg" /></li> <li><img src="http://stackoverflow.com/images/Koala.jpg" /></li> </ul> </div> </div>\[/code\]