Slider not working

[anmolsharma25]

I have added all the support files

<script src="~/Content/slider/jquery.slider.js"></script>
<script src="~/Content/slider/draggable-0.1.js"></script>
<script src="~/Content/slider/jquery-1.7.1.js"></script>
<script src="~/Content/slider/jquery.dependClass-0.1.js"></script>
<script src="~/Content/slider/jquery.numberformatter-1.2.3.js"></script>

<link href="~/Content/slider/jslider.css" rel="stylesheet" />
<script src="~/Content/slider/jshashtable-2.1_src.js"></script>
<link href="~/Content/slider/jslider.plastic.css" rel="stylesheet" />

<script src="~/Content/slider/tmpl.js"></script>

<!--Slider ends-->

this is my input tag

Thats my script

<script type="text/javascript" charset="utf-8"> jQuery("#Slider2").slider({ from: -1, to: 1, step: 0.1, round: 1, dimension: 'px', skin: 'plastic' }); </script>

Can Anybody please help me

[SmartFactory]

Just change the order of your js files, like in index.html

<!-- bin/jquery.slider.min.css -->
<link rel="stylesheet" href="css/jslider.css" type="text/css">
<link rel="stylesheet" href="css/jslider.blue.css" type="text/css">
<link rel="stylesheet" href="css/jslider.plastic.css" type="text/css">
<link rel="stylesheet" href="css/jslider.round.css" type="text/css">
<link rel="stylesheet" href="css/jslider.round.plastic.css" type="text/css">

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

<!-- bin/jquery.slider.min.js -->
<script type="text/javascript" src="js/jshashtable-2.1_src.js"></script>
<script type="text/javascript" src="js/jquery.numberformatter-1.2.3.js"></script>
<script type="text/javascript" src="js/tmpl.js"></script>
<script type="text/javascript" src="js/jquery.dependClass-0.1.js"></script>
<script type="text/javascript" src="js/draggable-0.1.js"></script>
<script type="text/javascript" src="js/jquery.slider.js"></script>