为什么我的滑块不起作用

我的代码不起作用。它不会在页面上显示任何滑块。我已按照本页 http://unslider.com/给出的说明进行操作。我绝对是初学者，所以如果我犯了任何愚蠢的错误，请原谅我。

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//unslider.com/unslider.min.js"></script>
  <div id="gallery">
      <div class="banner">
         <ul>
             <li>This is a slide.</li>
             <li>This is another slide.</li>
            <li>This is a final slide.</li>
         </ul>
      </div>
  </div>
<script type="text/javascript">
$(function() {
    $('#gallery .banner').unslider();
});
</script>