Telerik Reports - telerikReportVIewer not defined -

i have following code:

@using telerik.reportviewer.mvc @using telerik.reporting  <script src="https://code.jquery.com/jquery-1.12.4.min.js"         integrity="sha256-zosebrlbnqzlpnkikedrpv7loy9c27hhq+xp8a4mxaq="         crossorigin="anonymous"> </script>  <div id="reportviewer" class="k-widget" style="">     loading... </div>  <script type="text/javascript">     $reportviewer = $("#reportviewer").telerik_reportviewer(         {             serviceurl: + "/api/reports",             templateurl: + '/reportviewer/templates/telerikreportviewertemplate.html',             reportsource: { report: "telerikreportinglibrary.reports.report1, telerikreportinglibrary" },             viewmode: telerikreportviewer.viewmodes.print_preview,             scalemode: telerikreportviewer.scalemodes.fit_page_width,             scale: 1.0         }); </script> 

i'm getting js error @ runtime says "telerikreportview" not defined. telerik's documentation on poor don't have idea i'm doing wrong.