title: Bootstrap - Responsive navbar works on index page but no other page
body: <p>Pretty much says my issue in the title. The responsive nav works fine for the index page, but on other pages, it doesn't. It still collapses, but nothing happens when you click on the dropdown icon.</p>
  
  <p>My nav code is:</p>
  
  <pre><code>        &lt;div class="navbar"&gt;
              &lt;div class="navbar-inner"&gt;
                  &lt;div class="container"&gt;
                      &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;div class="nav-collapse collapse"&gt;
                          &lt;ul class="nav"&gt;
                              &lt;li class="navbar_link navitem1"&gt;&lt;a href="index.html"&gt;&lt;strong&gt;HOME&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem2"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem3"&gt;&lt;a href="gallery.html"&gt;&lt;strong&gt;GALLERY&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem4"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem5"&gt;&lt;a href="aboutus.html"&gt;&lt;strong&gt;ABOUT US&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem6"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem7"&gt;&lt;a href="contact.html"&gt;&lt;strong&gt;CONTACT&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any help is greatly appreciated.</p>