__doPostBack in change event of slider

Hi all,

I am integrating the slider control with Range=true in ASP.NET. In which I need to postback the page in the change event of the slider. So, to accomplish that I have tried the following:

<script type="text/javascript">
        $(function() {
            $("#slider_demo").slider({
                range: true,
                min: 0,
                max: 100,
                step: 0.1,
                values: [document.getElementById('amt_1').value, document.getElementById('amt_2').value],
                slide: function(event, ui) {
                    $("#amt_1").val(ui.values[0]);
                    $("#amt_2").val(ui.values[1]);
                },
                change: function(event, ui) { __doPostBack("btn_demo", ""); }
            });

            $("#amt_1").val($("#slider_free").slider("values", 0));
            $("#amt_2").val($("#slider_free").slider("values", 1));
        });
	</script>

and in the body segment there is a div having ID - slider_demo, along with two text-boxes - amt_1 and amt_2 accordingly. and a button named btn_demo. After doing all those things when I am trying to debug the code I found that it is doing the post back call but the structure of the slider become topsy - tervy and become non- functional as well.

Please let me know if there is any solution regarding this.

Thank You.