I have not been successful in getting the Jquery slider to work. I am getting my source code from http://docs.jquery.com/UI/Slider

I want the slider with a min of 1, max of 100, increment of .5, and default at 17.5. I need to capture the number so I can save it into localStorage. But I can't get the slider to appear. I don't know where my syntax is wrong.

In the Head I have:
HTML Code:
<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="jquery/jquery.mobile-1.0rc1.js"></script>
<link type="text/css" rel="stylesheet" href="jquery/jquery.mobile-1.0rc1.css" media="screen" /> 

<script><!--slider from : http://docs.jquery.com/UI/Slider-->
$(document).ready(function() {
    $("#sliderTurns").slider();
    $( ".selector" ).slider({ min: 1 });
    $( ".selector" ).slider({ max: 100 });
    $( ".selector" ).slider({ step: .5 });
    $( ".selector" ).slider({ value: 17.5 });
//getter
    var min = $( ".selector" ).slider( "option", "min" );
//setter
    $( ".selector" ).slider( "option", "min" );
    });
  </script>
In the body I have:

HTML Code:
Turns<br><div id="sliderTurns"></div>
Thanks!