JQuery - Microsoft JScript runtime error: Object expected
<p>Below is the content of my .aspx page and the "jquery-ui-1.7.1.custom.min.js" is in the same location as the .aspx file. When I run the website with debugging, I get the below error. I know I am terribly missing something here. Any clue?</p>

<p>Error :-</p>

<pre><code>Microsoft JScript runtime error: Object expected
</code></pre>

<p>When I run without debugging, I get the following javascript error:-</p>

<pre><code>Line: 10
Error: 'jQuery' is undefined
</code></pre>

<p>ASPX page content:-</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %&gt;

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
    &lt;script&gt;$(function () { alert('hello') });&lt;/script&gt; 

    &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
