bxSlider problem

bxSlider problem

Hello World!
Starting diff.s. : difficulty with Step 3 : Call .bxslider() on <ul class="bxslider"> . Note that the call must be made inside of a $(document).ready() call , or the plugin will not work!

I don't know what I should do extra to make the script ok: see bold text.
Herunder my index page sofar:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body>
<ul class="bxslider">
<li><img src="/images/pic1.jpg"></li>
<li><img src="/images/pic2.jpg"></li>
<li><img src="/images/pic3.jpg"></li>
<li><img src="/images/pic4.jpg"></li>
</ul>
<link href="jquery.bxslider.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="jquery.bxslider.min.js"></script>
<ul>WHAT COMES HERE?
$(document).ready(function(){
  $('.bxslider').bxSlider();
});

</body>
</html> Thanks for any help.