I've got the following page created in an empty project, but when I run the page I get "Microsoft JScript runtime error: 'jQuery' is undefined" within "kendo.all.min.js"...am I missing something...I've attached project structure image for reference.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="KendoApp.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
title
=
"Kendo UI"
></
title
>
<
link
href
=
"styles/kendo.common.min.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"styles/kendo.kendo.min.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
script
src
=
"js/kendo.all.min.js"
type
=
"text/javascript"
></
script
>
<
script
src
=
"js/jquery-1.6.2.min.js"
type
=
"text/javascript"
></
script
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
var data = [
"12 Angry Men",
"Il buono, il brutto, il cattivo.",
"Inception",
"One Flew Over the Cuckoo's Nest",
"Pulp Fiction",
"Schindler's List",
"The Dark Knight",
"The Godfather",
"The Godfather: Part II",
"The Shawshank Redemption"
];
//create AutoComplete UI component
$("#input").kendoAutoComplete({
dataSource: data,
separator: ", "
});
});
</
script
>
<
input
id
=
"autocomplete"
/>
</
body
>
</
html
>