Having trouble with the Menu widget

Having trouble with the Menu widget

Very new to jQuery, can anyone tell me why I cannot get the menu widget to work? 
I would appreciate it so very much. Firebug is giving me the "function not defined" error.

Here is my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>In Page Viewer</title>
<link href="../_css/site.css" rel="stylesheet">
<style>
#navigation ul, #navigation li {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation a {
background-color: rgb(204,204,204);
text-decoration: none;
font: 16px 'ColaborateLightRegular', Arial, sans-serif;
text-indent: 10px;
border-top: 1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
margin: 0px;
padding: 0px;
color: rgb(53,75,118);
}
#navigation a:hover {
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: #555;
color: white;
}

/*
  AddClass("stack") is located in the nav1 plugin.

  The nav1 plugin loops through the lists and adds a class of stack to all li elements that have nested ul elements. 

  .stack > a will select only the first nested anchor tag of class stack. 
*/

#navigation .stack > a {
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: 97% 8px;
}
#navigation .stack > a:hover {
background-position: 97% -78px;
}
#navigation ul .stack > a {
background-position: 97% -21px;
}
#navigation ul .stack > a:hover {
background-position: 97% -54px;
}
</style>

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#menu" ).menu();
  });
  </script> 
  
  <style>
  .ui-menu { width: 150px; }
  </style>
</head>

<body>
<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>
      Missing<br>
      Manual</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>Navigation Menu</h1>
      <ul id="navigation" >
    
    <li><a href="#">Percoidei</a>
    <ul>    
      <li><a href="#">Remoras</a>
      <ul>  
        <li><a href="#">Echeneis</a>
            <ul>
              <li><a href="#">Sharksucker</a></li>
              <li><a href="#">Whitefin Sharksucker</a></li>
            </ul>
        </li>   
            
        <li><a href="#">Phtheirichthys</a>
            <ul>
              <li><a href="#">Slender Suckerfish</a></li>
            </ul>
        </li>    
            
          
        <li><a href="#">Remora</a>
            <ul>
              <li><a href="#">Whalesucker</a></li>
              <li><a href="#">Spearfish remora</a></li>
              <li><a href="#">Marlinsucker</a></li>
              <li><a href="#">Remora</a></li>
              <li><a href="#">Ceylonese remora</a></li>
            </ul>
        </li>
          
        <li><a href="#">Remorina</a>
            <ul>
              <li><a href="#">White suckerfish</a></li>
            </ul>
        </li>                  
          
            
        <li><a href="#">Rhombochirus</a>
            <ul>
              <li><a href="#">R. osteochir</a></li>
            </ul>
        </li>    
      </ul>
          
          <li><a href="#">Tilefishes</a>
            <ul>
              <li><a href="#">Caulolatilus</a></li>
              <li><a href="#">Lopholatilus</a></li>
              <li><a href="#">Malacanthus</a><li>
            </ul>
          
         
          <li><a href="#">Bluefishes</a>
            <ul>
              <li><a href="#">Pomatomus</a></li>
              <li><a href="#">Scombrops</a></li>
              <li><a href="#">Sphyraenops</a></li>
            </ul>  
            
          
          <li><a href="#">Tigerfishes</a>
            <ul>
              <li><a href="#">Amniataba</a></li>
              <li><a href="#">Bidyanus</a></li>
              <li><a href="#">Hannia</a></li>
              <li><a href="#">Hephaestus</a></li>
              <li><a href="#">Lagusia</a></li>
              <li><a href="#">Leiopotherapon</a></li>
              <li><a href="#">Mesopristes</a></li>
              <li><a href="#">Pelates</a></li>
              <li><a href="#">Pelsartia</a></li>
              <li><a href="#">Pingalla</a></li>
              <li><a href="#">Rhyncopelates</a></li>
              <li><a href="#">Scortum</a></li>
              <li><a href="#">Syncomistes</a></li>
              <li><a href="#">Terapon</a></li>
            </ul>
        </li>
      </ul>  
          <li><a href="#">Anabantoidei</a>
            <ul>
              <li><a href="#">Climbing perches</a>
              <ul>
              <li><a href="#">Anabas</a></li>
              <li><a href="#">Ctenopoma</a></li>
            </ul>  
          </li>

          <li><a href="#">Labyrinthfishes</a>
        
            <ul>
              <li><a href="#">Belontia</a></li>
              <li><a href="#">Betta</a></li>
              <li><a href="#">Colisa</a></li>
              <li><a href="#">Macropodus</a></li>
              <li><a href="#">Malpulutta</a></li>
              <li><a href="#">Parosphromenus</a></li>
              <li><a href="#">Sphaerichthys</a></li>
              <li><a href="#">Trichogaster</a></li>
              <li><a href="#">Trichopsis</a></li>
          
          </ul>
          <li><a href="#">Kissing gouramis</a></li>
          <li><a href="#">Pike-heads</a></li>
          <li><a href="#">Giant gouramis</a></li>
          </ul>



      <li><a href="#">Gobioidei</a>
    <ul>
      <li><a href="#">Burrowing gobies</a></li>
      <li><a href="#">Dartfishes</a></li>
      <li><a href="#">Eellike gobies</a></li>
      <li><a href="#">Gobies</a></li>
      <li><a href="#">Loach gobies</a></li>
      <li><a href="#">Odontobutidae</a></li>
      <li><a href="#">Sandfishes</a></li>
      <li><a href="#">Schindleriidae</a></li>
      <li><a href="#">Sleepers</a></li>
      <li><a href="#">Xenisthmidae</a></li>
    </ul>
  </li>
  
 
      <p style="clear:left;padding-top: 20px;" >Example of a simple navigation menu using jQuery and Daniel Thomson's <a href=" https://github.com/dansdom/plugins-navigation">jQuery Navigation Plugin</a>.</p>
    </div>
  </div>
  <div class="footer">
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href=" http://sawmac.com/">David McFarland</a>. Published by <a href=" http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
  </div>
</div>
</body>
</html>