JqueryUI slider handle stuck on the div border and handle donot reaches max value <p>Hi guys I'm a Jquery noob ,I'm using jqueryUI slider but the slider handle always stucks on div border (left side) and after clicking on the slider bar it moves forward but doesn't reaches max limit and stucks in between.</p> <p>Check the <strong><a href="http://jsfiddle.net/VaMJ2/1/" rel="nofollow noreferrer">JsFiddle</a></strong> the snapshot is from the browser (where you can see the slider handle) ,I have put all the code on fiddle ,but can't make jsFiddle work.</p> <p><img src="https://i.stack.imgur.com/k2Ri7.jpg" alt="enter image description here"> <br/> <em>Slider:</em><br/> 1. Slider handle sticks to the div border.<br/> 2. Slider handle doesnt move towards the max value and stucks at some value in between.</p>