JavaScript function "not defined" after importing jQuery
<p>I have the following (simplified) code:</p>

<pre><code>&lt;!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
        &lt;title&gt;Test&lt;/title&gt;

        &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" /&gt;

        &lt;script language="javascript" type="text/javascript"&gt;
            function testFunction() {
                alert('It works');
            }
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form method="post" action="test.html" onsubmit="testFunction()"&gt;
            &lt;input type="submit" value="Test" /&gt;
        &lt;/form&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>My <code>testFunction()</code> function works fine by it self, that is until I import jQuery with the line</p>

<pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" /&gt;
</code></pre>

<p>Now it fails and tells me that
<strong>Uncaught ReferenceError: testFunction is not defined</strong></p>

<p>I am hoping this is a newbie mistake and that I am missing something obvious. Notice that I haven't even try to use jQuery yet.</p>
