Uncaught TypeError: Object [object Object] has no method 'slider'

Uncaught TypeError: Object [object Object] has no method 'slider'

Hi,
I trying to use jquery slider to chose range of port numbers, I did this :

  2. <label class="formLabel">Port</label>
  3.             <div id="slider-range"></div>
  4.             <input type="text" id="minvalue" property="criteriaPort" name="minvalue" /><br>
  5.             <input type="text" id="maxvalue" property="valuePort" name="maxvalue" /><br>
  6. .............

  9.  </html:form>
  10. </div>

  12. <script type="text/javascript" src="js/enhance.js"></script>
  13. <script type="text/javascript">
  14.     enhance({
  15.         loadScripts: [
  16.             'js/jquery.js',
  17.             'js/jquery.ui.core.js',
  18.             'js/jquery.ui.datepicker.js',
  19.             'js/jquery.validate.js',
  20.             'js/agentSearch.js',
  21.             'js/loadhelp.js'
  22.         ],
  23.         loadStyles: [
  24.             'css/jquery-ui.css'
  25.         ],
  26.         forcePassText: "",
  27.         forceFailText: ""
  28.     });
</script>


and agentSearch.js :

  2.  $("#slider-range").slider({
  3.         range: true,
  4.         min: 1,
  5.         max: 10,
  6.         values: [0, 11],
  7.         slide: function(event, ui) {
  8.             $("#minvalue").val(ui.values[0]);
  9.             $("#maxvalue").val(ui.values[1]);
  10.           
  11.         },
  12.         create: function(event, ui) {
  13.             $("#minvalue").val(1);
  14.             $("#maxvalue").val(10);
  15.         }
    });


I see only the two text fields but not the slider, please your help is appreciated.