how to set a standard slider for range ?

how to set a standard slider for range ?

i have used the following code to set it 

<div class="ui-block-a">
<label for="slider-1">Fan</label>
</div>
<div class="ui-block-b">
<input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" />
</div>

but my ouput comes as:


Why is coming so ?? What I need to change in the code I used jquery-1.8.2.js, jquery.mobile-1.3.0.min.js, jquery.mobile-1.3.0.min.css