Load menu from html file is not working

Load menu from html file is not working

hi. i`m trying to load a menu from an other html page. (something simple, but it`s not working)

My index.html:

  1.  <script src="js/jquery.js"></script>

  3.         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  4.         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  5.     <![endif]-->
  6.     <script type="text/javascript">
  7.             $(document).ready(function() {
  8.                 $('#navbar').load('nav.html');
  9.                 });
  10.             };
  11.         </script>
  12.   

  14. </head>

  16. <body>

  18.     <!-- Navigation -->
  19.     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  20.         <div class="container"  id="navbar">
   

and the nav.html file:

  1. <div class="navbar-header">
  2.                     <span class="sr-only">Navegación</span>
  3.                     <span class="icon-bar"></span>
  4.                     <span class="icon-bar"></span>
  5.                     <span class="icon-bar"></span>
  6.                 </button>
  7.                 <a class="navbar-brand" href="index.html">Nombre Empresa</a>
  8.             </div>
  9.             <!-- Collect the nav links, forms, and other content for toggling -->
  10.             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  11.                 <ul class="nav navbar-nav navbar-right">
  12.                     <li>
  13.                         <a href="about.html">La Empresa</a>
  14.                     </li>
  15.                     <li>
  16.                         <a href="services.html">Servicios</a>
  17.                     </li>
  18.                     <li>
  19.                         <a href="contact.html">Contacto</a>
  20.                     </li>
  21.                     <li class="dropdown">
  22.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Productos <b class="caret"></b></a>
  23.                         <ul class="dropdown-menu">
  24.                             <li>
  25.                                 <a href="portfolio-1-col.html">1 Categoría 1</a>
  26.                             </li>
  27.                             <li>
  28.                                 <a href="portfolio-2-col.html">2 Categoría 2</a>
  29.                             </li>
  30.                             <li>
  31.                                 <a href="portfolio-3-col.html">3 Categoria 3</a>
  32.                             </li>
  33.                             <li>
  34.                                 <a href="portfolio-4-col.html">4 Categoria 4</a>
  35.                             </li>
  36.                             <li>
  37.                                 <a href="portfolio-item.html">Producto Item</a>
  38.                             </li>
  39.                         </ul>
  40.                     </li>
  41.             
what i`m doing wrong?

thanks in advance.