Javascript Problem in ascx file

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CriteriaControl.ascx.cs" Inherits="Controls_CriteriaControl" %>
<link href="../Stylesheet/table.css" rel="stylesheet" type="text/css" />
<link href="../Stylesheet/Button.css" rel="stylesheet" type="text/css" />
<link href="../Stylesheet/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="../JavaScript/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../JavaScript/jquery-ui-1.8.21.custom.min.js"></script>

<script language="javascript" type="text/javascript">
    $(function () {
        $("#help-icon").button
            ({
                icons:
                {
                    primary: "ui-icon-help"
                },
                text: false
            });

        $("#help-icon").click
        {
            $(function () {
                var moveLeft = 20;
                var moveDown = 10;

                $('#help-icon').hover(function (e) {
                    $('div#pop-up').show();
                },
                        function () {
                            $('div#pop-up').hide();
                        });

                $('.help-icon').mousemove(function (e) {
                    $("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
                });
            });
        }
    });

    $(function () {
        $("#slider-range").slider({
            range: true,
            min: 0,
            max: 100,
            values: [0, 100],
            slide: function (event, ui) {
                $("#amount1").val(ui.values[0]);
                $("#amount2").val(ui.values[1]);
            }
        });
        $("#amount1").val($("#slider-range").slider("values", 0));
        $("#amount2").val($("#slider-range").slider("values", 1));
    });
</script>

<div class="divTable">
    <div class="divRow">

        <div class="divCell">
            <input type="text" id="lable" value="something" readonly="readonly"/>
            <button id="help-icon" style="width:13px ; height:13px">help</button>
            <div id="pop-up" class="divCell">
                loading...Say what u want!
            </div>
        </div>

        <div class="divCellmine">
            <label for="amount1">min:</label>
            <input type="text" id="amount1" style="border:0; font-weight:bold;" />
        </div>
           <div class="divCellmine">
        <div id="slider-range" style="width: 142px; height: 1px"></div>
           </div>
        <div class="divCellmine">
            <label for="amount2">max:</label>
            <input type="text" id="amount2" style="border:0; font-weight:bold;" />
        </div>

    </div>
</div>