In my application jquery autocomplete control is not working ? when iam debugging time the Breakpoint not highlited why ?
In Materpage.master
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery.ui.autocomplete.js" type="text/javascript"></script>
Signup.aspx child page
<script type="text/javascript">
$(document).ready(function () {
SearchText();
});
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Sign_Up.aspx/GetAutoCompleteData",
data: "{'university':'" + document.getElementById('txtuniv_name').value + "'}",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert("Error");
}
});
}
});
}
</script>
<asp:Label for="univ_name" CssClass="label" runat="server" >University Name:</asp:Label>
<asp:TextBox ID="txtuniv_name" CssClass="text" runat="server" class="autosuggest"
placeholder="IIT" />