jQueryのスライドショーについて

bxSliderライブラリをダウンロードして以下のコードを書いたのですが
11行目にUncaught TypeError: $(...).bxSlider is not a function
とエラーが出ます
いくら見ても私ではどこが間違えているかわかりません
どこなのでしょうか？

JavaScript
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title></title>
6  <link rel="stylesheet" herf="../jquery.bxslider.css">
7  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
8  <script src="../jquery.bxslider.min.js"></script>
9  <script>
10    $(function(){
11      $(".bxslider").bxSlider({
12        mode: "horizontal",
13        speed: 1000,
14        startSlide: 0,
15        auto: true,
16        autoControls: true,
17        adaptiveHeight: true,
18        captions: false
19      });
20    });
21  </script>
22
23
24</head>
25<body>
26  <div id="content">
27    <h1>bxSliderライブラリ</h1>
28    <div class="slider" style="width:600px;">
29      <ul class="bxslider">
30        <li><img src="img1.png"></li>
31        <li><img src="img2.png"></li>
32        <li><img src="img3.png"></li>
33        <li><img src="img4.png"></li>
34      </ul>
35    </div>
36  </div>
37
38</body>
39
40</html>