jquery - Calling javascript method from cshtml page -

jquery - Calling javascript method from cshtml page -

i trying phone call javascript page giving error

"javascript runtime error: '$obligationfeetype' undefined".

here javascript code

var $obligationfeetype = function() { var privatemethods = { getnamedropdownvalueobject: function() { homecoming $("#obligationsguarantorname").data("kendodropdownlist"); } }; var events = { feetypeonselect: function(e) { if (e.item.index() > 0) { privatemethods.getnamedropdownvalueobject().wrapper.find(".k-dropdown-wrap").removeclass("k-invalid"); } }, ondollaramountchange: function(e) {}, onpercenatgeamountchange: function(e) {}, onbasispointchange: function(e) {} }; homecoming { "feetypeonselect": events.feetypeonselect, "ondollaramountchange": events.ondollaramountchange, "onpercenatgeamountchange": events.onpercenatgeamountchange, "onbasispointchange": events.onbasispointchange }; }();

and here cshtml page

@{ viewdata.templateinfo.htmlfieldprefix = ""; layout = request.isajaxrequest() ? null : "~/views/shared/_layout.cshtml"; } @using entrypointcrr.models @model obligationsfeesinfo <script src="../../../scripts/pagejs/obligationfeetype.js" type="text/javascript"></script> <div> <div class="errornotifications" style="display: none;"> <span class="fa fa-warning"></span> <div id="dverrormessages"> </div> </div> <div> fee type <div class="requiredcontainer"> <span class="required">*</span></div> </div> <div> <div id="dvobligationsfeestypelist"> @(html.kendo().dropdownlistfor(model => model.type) .optionlabel("select") .datavaluefield("value") .datatextfield("text") .datasource(datasource => datasource.read("getfeetypes", "obligationsfees")) .events(e => { e.select("$obligationfeetype.feetypeonselect"); }) ) <div id="dvtypeother"> @(html.displaytextfor(model => model.feetypeother))@(html.textboxfor(model => model.feetypeother)) </div> </div> <div> @(html.displaytextfor(model => model.amounttype)) <div> @(html.radiobutton("feetype", false, new {id = "rbdollor"})) @html.displaynamefor(model => model.feeamountdollar) @(html.kendo().numerictextboxfor(model => model.feeamountdollar).events(evt => evt.change("$obligationfeetype.ondollaramountchange")).min(0).step(1).format("#.00").spinners(false).htmlattributes(new { @class = "fieldsml", disabled = true })) </div> <div> @(html.radiobutton("feetype", false, new { id = "rbpercentage" })) @html.displaynamefor(model => model.feeamountpercentage) @(html.kendo().numerictextboxfor(model => model.feeamountpercentage).events(evt => evt.change("$obligationfeetype.onpercenatgeamountchange")).min(0).max(100).step(1).format("#.00").spinners(false).htmlattributes(new { @class = "fieldsml", disabled = true })) </div> <div> @(html.radiobutton("feetype", false, new { id = "rbbasispoint" })) @html.displaynamefor(model => model.feeamountbasispoint) @(html.kendo().numerictextboxfor(model => model.feeamountbasispoint).events(evt => evt.change("$obligationfeetype.onbasispointchange")).min(0).step(1).format("#.00").spinners(false).htmlattributes(new { @class = "fieldsml", disabled = true })) </div> </div> </div> </div>

can 1 help me please overcome issue.

jquery model-view-controller