jQuery error: uncaught Reference
<p>Do any of you have any idea why I keep getting this error in my jquery: <code>uncaught ReferenceError: jquery is not define</code></p>

<pre><code>&lt;head&gt;

&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
&lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
&lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;


    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;


    &lt;meta name="author" content=""&gt;

    &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"&gt;

    &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
    &lt;script type='text/javascript' src="http://localhost:8888/paulkenyon/wp-content/themes/paulkenyon/js/script.js"&gt;&lt;/script&gt;
</code></pre>

<p>The code I am using which keeps throwing up the error is:</p>

<pre><code>$(document).ready(function(){
var pagebody = $("#pagebody");
var themenu  = $("#navmenu");
var topbar   = $("#toolbarnav");
var content  = $("#content");
var viewport = {
    width  : $(window).width(),
    height : $(window).height()
};
// retrieve variables as 
// viewport.width / viewport.height

function openme() { 
    $(function () {
        topbar.animate({
           left: "290px"
        }, { duration: 300, queue: false });
        pagebody.animate({
           left: "290px"
        }, { duration: 300, queue: false });
    });
}

function closeme() {
    var closeme = $(function() {
        topbar.animate({
            left: "0px"
        }, { duration: 180, queue: false });
        pagebody.animate({
            left: "0px"
        }, { duration: 180, queue: false });
    });
}

// checking whether to open or close nav menu
$("#menu-btn").live("click", function(e){
    e.preventDefault();
    var leftval = pagebody.css('left');

    if(leftval == "0px") {
        openme();
    }
    else { 
        closeme(); 
    }
});

// loading page content for navigation
$("a.navlink").live("click", function(e){
    e.preventDefault();
    var linkurl     = $(this).attr("href");
    var linkhtmlurl = linkurl.substring(1, linkurl.length);

    var imgloader   = '&lt;center style="margin-top: 30px;"&gt;&lt;img src="img/preloader.gif" alt="loading..." /&gt;&lt;/center&gt;';

    closeme();

    $(function() {
        topbar.css("top", "0px");
        window.scrollTo(0, 1);
    });

    content.html(imgloader);

    setTimeout(function() { content.load(linkhtmlurl, function() { /* no callback */ }) }, 1200);
});
});
</code></pre>

<p>Any ideas how I can fix the error? I am trying to implement this: <a href="http://www.hongkiat.com/blog/building-mobile-app-navigation-with-jquery/" rel="nofollow">http://www.hongkiat.com/blog/building-mobile-app-navigation-with-jquery/</a>
 into my website</p>
