如何让盒子滑块工作？

Question

http://jsfiddle.net/pjeuv1x5/

$('#slider1').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
});

$('#slider2').bxSlider({
  auto: true,
  autoControls: true,
  pause: 3000,
  slideMargin: 20
});

<h3>Slideshow 1</h3>
<ul id="slider1">
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
</ul>

<h3>Slideshow 2</h3>
<ul id="slider2">
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
  <li><img src="http://g.espncdn.com/s/Streak/12/logo.png" /></li>
</ul>

我一直试图为我的网站获得一个盒子滑块，但我不确定我做错了什么。每次我尝试，我都会得到这个结果。是什么给了什么？！