Uncaught ReferenceError: jQuery is not defined "jquery-ui.js:338"
<p>My jquery script reference are :</p>

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

<p>I'm using Chrome Version 23.0.1271.64 m
 - And I'm getting an error on line 338  </p>

<pre><code>})( jQuery );  //--&gt; line 338 is highlighted 
</code></pre>

<p>This is a 1st for me and looking for answers. </p>

<p>I'm in the process of learning how to use the API and have a simple webpage </p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;

    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
    &lt;meta http-equiv="CACHE-CONTROL" content="NO-CACHE" /&gt;
    &lt;meta http-equiv="PRAGMA" content="NO-CACHE" /&gt;

    &lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    $(function() {
        $( "#edit-user" )
                .button()
                .click(function() {
                    $( "#dialog-form" ).dialog( "open" );
                });         
     });
    &lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;button id="edit-user"&gt;Edit User&lt;/button&gt;
&lt;div id="dialog-form" title="Radio Dialog"&gt;
        &lt;form&gt;
            &lt;fieldset&gt;
                &lt;input type='radio' value='A' name='myRadio'&gt;A
                &lt;input type='radio' value='B' name='myRadio'&gt;B
                &lt;input type='radio' value='C' name='myRadio'&gt;C
            &lt;/fieldset&gt;
        &lt;/form&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
