Javascript - Uncaught Type Error: undefined is not a function - JQuery vertical navbar -

i have jquery bit of code .js file

$(function () {         // vertical tabs configuration         $("#myverticaltabs").tabs().addclass("ui-tabs-vertical ui-helper-clearfix");         $("#myverticaltabs li").removeclass("ui-corner-top").addclass("ui-corner-left");     }) 

this code supposed add vertical navbar in app. followed tutoriel : http://jqueryui.com/tabs/#vertical , tried apply in asp.net mvc application. have put code javascript file referenced view in app. code of div supposed displayed vertical navbar :

<div id="myverticaltabs">     <ul>         <li><a href="#tabs-vertical-1">nunc tincidunt</a></li>         <li><a href="#tabs-vertical-2">proin dolor</a></li>         <li><a href="#tabs-vertical-3">aenean lacinia</a></li>     </ul>     <div id="tabs-vertical-1">         <h2>content heading 1</h2>         <p>content1.</p>     </div>     <div id="tabs-vertical-2">         <h2>content heading 2</h2>         <p>content2.</p>     </div>     <div id="tabs-vertical-3">         <h2>content heading 3</h2>         <p>content3.</p>     </div> </div> 

edit script referenced .cshtml page (in bottom of page):

<!-- begin global scripts -->     <script type="text/javascript" src="~/scripts/application/globaljs/globalscript.js"></script>     <!-- end global scripts --> 

what doing wrong?