$ is not defined
<p>I cannot figure out why it's still not recognizing jQuery syntax when I clearly have included the jQuery library right before my $(document).ready</p>

<pre><code>&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 id="Head1"&gt;&lt;title&gt;

&lt;/title&gt;&lt;/head&gt;
    &lt;body&gt;

        &lt;form name="form1" method="post" action="jQueryDialogTest.aspx" id="form1"&gt;
&lt;div&gt;
&lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZA==" /&gt;

&lt;/div&gt;


&lt;script src="content/js/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="content/js/popup.js" type="text/javascript"&gt;&lt;/script&gt;
            &lt;div id="testDialog" winWidth="400" winHeight="500" winResizable="true"&gt;
                Some test mark-up, should show inside the dialog
            &lt;/div&gt;
            &lt;div&gt;&lt;input type="button" id="invokeDialog" value="Click Me!" /&gt;&lt;/div&gt;
        &lt;/form&gt;

        &lt;script type="text/javascript"&gt;

            $(document).ready(function()
            {
                $("input.invokeDialog").click.showDialog("#testDialog");
            });

        &lt;/script&gt;

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

<p>In popup.js I have for example this:</p>

<pre><code>function showDialog(divID)
{
    // Get reference to the div element
    var dialogDiv = $(divID);

    dialogDiv.dialog
    (
        {
            bgiframe: true,
            modal: true,
            autoOpen: false,
            show: 'blind'
        }
    )

    dialogDiv.dialog("open");
}
</code></pre>
