.autocomplete не является функцией MVC4

Question

_Layout.cshtml

<script src = "@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script> 
    <script src = "@Url.Content("~/Scripts/jquery-ui-1.8.23.custom.min.js")" type="text/javascript"></script> 
    <link href="@Url.Content("~/Content/smoothness/jquery-ui-1.8.23.custom.css")" rel="stylesheet" type="text/css" /> 

моя модель

@using (Html.BeginForm()){<fieldset> 
    <legend>Person Search</legend> 

    <div class="editor-label"> 
     @Html.LabelFor(model => model.Name) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.Name) 
    </div> 
    <p> 
     <input type="submit" value="Search" /> 
     @*@ko.Html.Button("Search", "SearchPerson", "Person")*@ 
    </p> 

}

скрипты в представлении

<script src = "@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#Name").autocomplete('@Url.Action("PersonNameAutocomplete", "Person")', { minChars: 3 }); 
}); 

Ошибка TypeError:. $ ("# Name") автозаполнения не является функцией

Answer 1

я решил ошибку и поместить скрипты в другой области, так

@section Scripts 
{ 
    @Scripts.Render("~/bundles/jqueryval") 
    <script src = "@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script> 
    <script src = "@Url.Content("~/Scripts/jquery-ui-1.8.23.custom.min.js")" type="text/javascript"></script> 
    <link href="@Url.Content("~/Content/smoothness/jquery-ui-1.8.23.custom.css")" rel="stylesheet" type="text/css" /> 
}