Seperating JS from the view

_partialViewWithRegister.cshtml

@*http://www.telerik.com/help/aspnet-mvc/web-assets-working-with-javascript-web-assets.html*@
@{
        Html.Telerik().ScriptRegistrar()
                        .Scripts(script => script
                            .Add("Calldirector.application.js")
                            )
                            .OnDocumentReady(@<text> 
        CallDirector_application.selectedMenuActionId('@(Url.Action("foo"))');
  
        </text>);
                            
    }

CallDirector.application.js

//javascript namespacing

//start class
var CallDirector_application = {};
(function () {

    //private members
    var $selectedMenuAction;

    //public memeber
    this.selectedMenuActionId = function (id) {
        $selectedMenuAction = $('#' + id);
    }

    //end class
}).apply(CallDirector_application);

view1.cshtml

<script src="../../Scripts/Calldirector.application.js" />
<script type="text/javascript">
        //document onload
        $(function () {
            CallDirector_application.selectedMenuAction('@(Url.Action("foo"))');
        });
    
</script>