MVC JavaScript Injection

@Styles.Render("~/Content/jqGrid/css")

@{
    ViewBag.Title = "Index";
}

<div class="ui-corner-all floatLeft" style="margin-left:2%; width:96%;">
    <select id="tableSelect">
        <option value="" disabled selected>- select table-</option>
    </select>

    <div id="grid_wrapper">
        <table id="list" class="scroll"></table>
        <div id="pager" class="scroll" style="text-align: center;"></div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqGrid")
}

<script type="text/javascript">
    $(function () {
        var action = './Test/LoadTableNames';
        $.get(action, 'html', function (retval) {
            var arr = retval.split('*');
            for (i = 0; i < arr.length; i++) {
                $('#tableSelect').append(new Option(arr[i], arr[i]));
            }
        });

        $("#tableSelect").change(function () {
            $("#list").jqGrid("GridUnload");
            var tableName = $("#tableSelect option:selected").val();
            var action = './Test/InjectScript?tableName=' + tableName;
            $.get(action, 'html', function (retval) {
                try {
                    eval(retval);
                    $("#list").setGridParam({ url: './Test/LoadGridData?tableName=' + tableName, page: 1 }).trigger("reloadGrid");
                } catch (e) {
                    alert(e);
                }
            });
        });
    });
</script>