Need Help With Slider jQuery

Need Help With Slider jQuery


hey ,
i am new to jQuery, I'm Developping some slider. and my problem is :
I want to recover the value of the slider in real time in a text box
when I move my slider .
if anyone can help me I would be grateful .
Here is my code :
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
        <title>jQuery UI Example Page</title>
        <link type="text/css" href="css/ui-lightness/jquery-
ui-1.7.2.custom.css" rel="stylesheet" />
        <link type="text/css" href="../default.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></
script>
        <script language="JavaScript" src="../slider.js" ></script>
        <script type="text/javascript" src="js/jquery-
ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#slider').slider({
                    minValue: 0,
                    maxValue: 21000,
                    startValue: 1,
                    steps: 1,
                    range: true,
                    change: function(e,ui) {
                var amount = document.getElementById("t1")
                amount.value=ui.value
                }});
            });
        </script>
        <style type="text/css">
            /*demo page css*/
            body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
            .demoHeaders { margin-top: 2em; }
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration:
none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position:
absolute;left: .2em;top: 50%;margin-top: -8px;}
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0;
cursor: pointer; float: left; list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}
        </style>
    </head>
    <body>
        <!-- Slider -->
        <h2 class="demoHeaders">Slider</h2>
        <div id="slider" ></div>
        

        

        <div>
        <input
            name="amount1"
        type="text"
        id="t1"> Euros
        </div>
    </body>
</html>