jquery - $()Autocomplete is not a function -

below code render. google out , found there may mistake of jquery order. changed given still not work me.

@model ienumerable<usermanagementsystem.models.userdetail> @using system.linq @{     viewbag.title = "index"; } <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="~/scripts/jquery-1.10.2.js"></script> <script src="~/scripts/jquery-1.10.2.min.js"></script> <script src="~/scripts/jquery-ui.js"></script> <script type="text/javascript">      $(document).ready(function () {         jquery("#searchname").autocomplete({             source: function (request, response) {                 $.ajax({                     url: "/home/index",                     type: "post",                     datatype: "json",                     data: { prefix: request.term },                     success: function (data) {                         response($.map(data, function (item) {                             return { label: item.name, value: item.name };                         }))                      }                 })             },             messages: {                 noresults: "", results: ""             }         });     }) </script> <h2>index</h2>  <p>     @html.actionlink("create new", "create") </p><br /><p>     @using (html.beginform("index", "users", formmethod.get))     {         @html.textbox("searchname", "", new { @class = "control-label col-md-2", style = "margin-right:10px;", placeholder = "name" })         @html.textbox("searchemail", "", new { @class = "control-label col-md-2", style = "margin-right:10px;", placeholder = "email" })         @html.dropdownlist("searchdesignation", viewbag.designationlist selectlist, "select", new { @class = "control-label col-md-2", style = "margin-right:10px;" })  <input type="submit" value="search" onclick="location.href='@url.action("index", "users")'" />     } </p> <table class="table">     <tr>         <th>             @html.displaynamefor(model => model.name)         </th>         <th>             @html.displaynamefor(model => model.contact)         </th>         <th>             @html.displaynamefor(model => model.email)         </th>         <th>             @html.displaynamefor(model => model.designation)         </th>         <th>             @html.displaynamefor(model => model.department)         </th>         <th>             @html.displaynamefor(model => model.address)         </th>         <th></th>     </tr> @if (!model.any()) {     <tr><td></td><td></td><td></td><td>no record found</td><td></td><td></td><td></td></tr> } else {     foreach (var item in model)     {         <tr>             <td>                 @html.displayfor(modelitem => item.name)             </td>             <td>                 @html.displayfor(modelitem => item.contact)             </td>             <td>                 @html.displayfor(modelitem => item.email)             </td>             <td>                 @html.displayfor(modelitem => item.designation)             </td>             <td>                 @html.displayfor(modelitem => item.department)             </td>             <td>                 @html.displayfor(modelitem => item.address)             </td>             <td>                 @html.actionlink("edit", "edit", new { id = item.id }) |                 @html.actionlink("details", "details", new { id = item.id }) |                 @html.actionlink("delete", "delete", new { id = item.id }, new { onclick = "return confirm('are sure wish delete this?');" })             </td>         </tr>     } }  </table> 

all above code done in mvc 4.5.2, there problem related .net framework?. stuck on here , not know now. attach debugger error image.