easyui не работает на странице JSP

Question

Я пишу страницу с jqueryeasyui,

Когда вы вводите ключевые слова в поле со списком, он отображает параметры в соответствии с 'fastIndex' в данных JSON, выберите одно, сетка данных будет вставлять эти данные. Это работает в HTML-файле.

Когда я копирую часть тела на страницу JSP, данные не вставляются. Как я могу заставить эту работу работать на странице JSP?

тело:

<div class="enquiry-wrap" style="width: 820px;;margin: 0 auto">
<!--combobox-->
<select id="cc" class="easyui-combobox" style="width:100%;"
        data-options="
        panelHeight:'auto',
        textField:'enquiry',
        valueField:'enquiry'">
</select>


<table id="dg1" class="easyui-datagrid" style="width:100%;height:250px;"
       data-options="
            iconCls: 'icon-edit',
            singleSelect: false,
            rownumbers:true,
            toolbar: '#tb',
            method: 'get',
            onClickRow: onClickRow
        ">
    <thead>
    <tr>
        <th data-options="field:'ck',checkbox:true"></th>
        <th data-options="field:'subject',width:80,align:'center',editor:'textbox'">subject</th>
        <th data-options="field:'description',width:300,align:'center',editor:'textbox'">description</th>
        <th data-options="field:'comments',width:300,align:'center',editor:'textbox'">comments</th>
    </tr>
    </thead>
</table>

<div id="tb" style="height:auto">
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true"
       onclick="append()">ADD</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true"
       onclick="deleteSelectedRows()">DELETE</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true"
       onclick="accept()">SAVE</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true"
       onclick="reject()">CANCEL</a>
</div>
<!--bottom button-->
<div class="btn-r">
    <a href="javascript:void(0);" class="easyui-linkbutton"
       style="width:80px;height: 35px;margin-top: 15px;margin-left: 60px;"
       onclick="clearAll()">CLEARALL</a>
    <a href="javascript:void(0);" class="easyui-linkbutton"
       style="width:80px;height: 35px;margin-top: 15px;margin-left: 20px;"
       onclick="">SUBMIT</a>
</div>

JavaScript:

<script type="text/javascript">
$("#cc").combobox({
    onSelect: function a(rec) {
        $("#dg1").datagrid('insertRow', {
            row: {
                subject: rec.enquiry,
                description: '123'
            }
        });
    }
});
<!--datagrid-->
var editIndex = undefined;
function endEditing() {
    if (editIndex == undefined) {
        return true
    }
    if ($('#dg1').datagrid('validateRow', editIndex)) {
        var ed = $('#dg1').datagrid('getEditor', {index: editIndex, field: 'subject'});
        var name = $(ed.target).combobox('getText');
        $('#dg1').datagrid('getRows')[editIndex]['productname'] = name;
        $('#dg1').datagrid('endEdit', editIndex);
        editIndex = undefined;
        return true;
    } else {
        return false;
    }
}
/*edit row*/
function onClickRow(index) {
    if (editIndex != index) {
        if (endEditing()) {
            $('#dg1').datagrid('selectRow', index)
                .datagrid('beginEdit', index);
            editIndex = index;
        } else {
            $('#dg1').datagrid('selectRow', editIndex);
        }
    }
}
/*insert row*/
function append() {
    if (endEditing()) {
        $('#dg1').datagrid('appendRow', {status: 'P'});
        editIndex = $('#dg1').datagrid('getRows').length - 1;
        $('#dg1').datagrid('selectRow', editIndex)
            .datagrid('beginEdit', editIndex);
    }
}
/*save*/
function accept() {
    if (endEditing()) {
        $('#dg1').datagrid('acceptChanges');
    }
}

/*clear all*/
function clearAll() {
    $('#dg1').datagrid('loadData', {total: 0, rows: []});
    editIndex = undefined;
}
/*reject*/
function reject() {
    $('#dg1').datagrid('rejectChanges');
    editIndex = undefined;
}
/*deleteSelected*/
function deleteSelectedRows() {
    var deletedData = $('#dg1').datagrid('getChecked');
    /*  alert(deletedData);*/
    for (var i = deletedData.length - 1; i >= 0; i--) {
        var rowIndex = $('#dg1').datagrid('getRowIndex', deletedData[i]);
        $('#dg1').datagrid('deleteRow', rowIndex);
        editIndex = undefined;
    }
}
/*when open page,load data*/
var result;
var keyWords;
$(function () {
    result = {
        "result": true,
        "datas": {
            "enquiryItemList": [
                {"id": 1, "enquiry": "em", "fastIndex": "EM", "type": 1},
                {"id": 2, "enquiry": "em11", "fastIndex": "EM1", "type": 1},
                {"id": 3, "enquiry": "EM2222", "fastIndex": "EM2", "type": 1},
                {"id": 4, "enquiry": "HY12212", "fastIndex": "HY", "type": 2},
                {"id": 5, "enquiry": "zc343", "fastIndex": "ZC", "type": 3},
                {"id": 6, "enquiry": "2323", "fastIndex": "FY", "type": 1}],
            "dctexEnquiry": {
                "enquiryId": 22,
                "recordId": 1,
                "petId": 1,
                "enquiryTime": "Sep 12, 2017 1:01:45 AM",
                "doctorId": 1,
                "resultList": []
            }
        }
    }
});
/*auto complete*/
$("#cc").combobox({
    onChange: function search() {
        var data1 = [];
        var index = $('#cc').combobox('getValue');
        if (index == "")  return;
        var itemLenth = result.datas.enquiryItemList.length;
        for (var i = 0; i <= itemLenth; i++) {
            if (result.datas.enquiryItemList[i].fastIndex.toLowerCase().indexOf(index) !== -1) {
                //add to array
                data1.push(result.datas.enquiryItemList[i]);
            }
            $("#cc").combobox("loadData", data1);
        }

    }
});