DateTimePicker js file not working after punlished in azure

After I publish a website in Azure the calendar popup doesn’t show on the webpage

here is the code of JScript.js file

function pageLoad() { $(function() {
    $('#basic_example_1').datetimepicker(
{

    timeFormat: "hh:mm tt",

    hourMin: 8,

    hourMax: 16,

    numberOfMonths: 2,

    minDate: 0,

    maxDate: 30
});


    $("input[id*='txtSchemaIssueDate']").datepicker({
        dateFormat: 'dd-mm-yy'
    });



    $('#basic_example_2').timepicker();


    $('#slider_example_4').datetimepicker({
        controlType: 'select',
        timeFormat: 'hh:mm tt'
    });


    $("input[id*='txtDate']").datepicker({
        dateFormat: 'dd-mm-yy'
    });

    $("input[id*='txtDateFrom']").datetimepicker({
        controlType: 'select',
        dateFormat: 'dd-mm-yy',
        timeFormat: 'hh:mm tt'
    });}

it looks like there are errors in pageLoad() and $ it said cannot find $

here is the code of web page:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

DateTimePicker js file not working after punlished in azure