slider slidestop

slider slidestop

I have the following code...

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

<script>
    $(document).ready(function () {
$( "slider-step" ).bind( "slidestop", function(event, ui) {
                alert("done");
        });
    });
</script>
<label for="slider-step">Input slider:</label>
<input type="range" name="slider-step" id="slider-step" value="150" min="0" max="500" />

All i want to do is do an alert when the slider stops, does anyone see a problem with this code.
THANKS!!