Uncaught ReferenceError: $ is not defined error in jQuery

Question

I have this code in jQuery: (the file name is javascript.js ...I was using JavaScript before...)

$(document).ready(function() {
 $(\"#readFile\"         


        

Answer 1

The MVC 5 stock install puts javascript references in the _Layout.cshtml file that is shared in all pages. So the javascript files were below the main content and document.ready function where all my $'s were.

BOTTOM PART OF _Layout.cshtml:

    

        @RenderBody()
        

        

            
© @DateTime.Now.Year - My ASP.NET Application
        
    

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

I moved them above the @RenderBody() and all was fine.

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

    

        @RenderBody()
        

        

            
© @DateTime.Now.Year - My ASP.NET Application