UI slider stop callback not firing

UI slider stop callback not firing

Hi,

I have an issue I can't figure out for the life of me, the stop, slide or change callback functions are not firing for some reason... I think my code is correct, I really don't know what's going on...

Here is the page where I use the slider : http://bit.ly/fX5Bck
And here is the specific code I use :

  1.             $("#unlock-slider").slider({
                    handle: "#unlock-handle",
                    animate:true,
                    slide: function(e,ui)
                    {
                        $("#iPhoneForm fieldset").css("opacity", 1-(parseInt($("#unlock-handle").css("left"))/120));
                        console.log(ui.value);
                    },
                    stop: function(e,ui)
                    {
                        if($("#unlock-handle").position().left == 157)
                        {
                            console.log("success");
                        }
                        else
                        {
                            $("#unlock-handle").animate({left: 0}, 200 );
                            $("#iPhoneForm fieldset").animate({opacity: 1}, 200 );
                        }
                    }
                });