title: HTML Header Dropdown not working
body: <p>I am having an issue where my dropdown menu is not working. Like sometimes when I change something in my css or html and refresh the page it will work once but then never again. Can't for the life of me figure out why. I'm referring to the ul with the class of nav navbar-nav pull-right.</p>
  
  <p>Hopefully pick the brains of you guys for some assistance.</p>
  
  <p>Here is the code for my page: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;!-- Website Title &amp; Description for Search Engine purposes --&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="Richmond Movie Club" content=""&gt;
  
      &lt;!-- Mobile viewport optimized --&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
  
      &lt;!-- Bootstrap CSS --&gt;
      &lt;link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet"&gt;
      
      &lt;!-- Font Awesome CSS --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  
      &lt;!-- Custom CSS --&gt;
      &lt;link href="includes/css/styles.css" rel="stylesheet"&gt;
  
      &lt;!-- Include Modernizr in the head, before any other Javascript --&gt;
      &lt;script src="includes/js/modernizr-2.6.2.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div class="navbar navbar-fixed-top navbar-inverse"&gt;
          &lt;div class="container"&gt;
  
              &lt;button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"&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;/button&gt;
              &lt;!-- end responsive-dropdown --&gt;
  
              &lt;a href="index.php" class="navbar-brand"&gt;RichmondMC&lt;/a&gt;
  
              &lt;div class="nav-collapse collapse navbar-responsive-collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a href="movieDatabase.php"&gt;Movie Database&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="gallery.php"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="ratings.php"&gt;Ratings&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;!-- end navbar-nav --&gt;
                  &lt;ul class="nav navbar-nav pull-right"&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; My Account &lt;strong class="caret"&gt;&lt;/strong&gt;&lt;/a&gt;
  
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-wrench"&gt;&lt;/span&gt; Settings&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#registerModal" role="button" data-toggle="modal"&gt;&lt;span class="glyphicon glyphicon-list-alt"&gt;&lt;/span&gt; Register New User&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="login.php"&gt;&lt;span class="glyphicon glyphicon-play"&gt;&lt;/span&gt; Sign In&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-off"&gt;&lt;/span&gt; Sign Out&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                          &lt;!-- end dropdown-menu --&gt;
                      &lt;/li&gt;
                      &lt;!-- end dropdown --&gt;
                  &lt;/ul&gt;
                  &lt;!-- end myAccount-dropdown --&gt;
              &lt;/div&gt;
              &lt;!-- end nav-collapse --&gt;
              
          &lt;/div&gt;
          &lt;!-- end container --&gt;
      &lt;/div&gt;
      &lt;!-- end navbar --&gt;
  
  
      &lt;div class="modal fade" id="registerModal"&gt;
                  &lt;div class="modal-dialog"&gt;
                      &lt;div class="modal-content"&gt;
                          &lt;div class="modal-header"&gt;
                              &lt;a href="#" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/a&gt;
  
                              &lt;h4 class="modal-title"&gt;&lt;span class="glyphicon glyphicon-th-list"&gt;&lt;/span&gt; New User Registration &lt;/h4&gt;
                          &lt;/div&gt;
                          &lt;!-- end modal-header --&gt;
                          &lt;div class="modal-body"&gt;
                              &lt;h5&gt;Enter the New Members details including username/password to complete registration&lt;/h5&gt;&lt;br&gt;
  
                              &lt;form action="" class="form-horizontal"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="username" class="col-lg-4 control-label"&gt;Username:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="text" class="form-control" id="username" placeholder="Username" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="password" class="col-lg-4 control-label"&gt;Password:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="password" class="form-control" id="password" placeholder="Password" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="firstName" class="col-lg-4 control-label"&gt;First Name:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="text" class="form-control" id="firstName" placeholder="First Name" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="lastName" class="col-lg-4 control-label"&gt;Last Name:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="text" class="form-control" id="lastName" placeholder="Last Name" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="emailAddress" class="col-lg-4 control-label"&gt;Email Address:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="text" class="form-control" id="emailAddress" placeholder="Email Address" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="phoneNumber" class="col-lg-4 control-label"&gt;Phone Number:&lt;/label&gt;
                                      &lt;div class="col-lg-8"&gt;
                                          &lt;input type="text" class="form-control" id="phoneNumber" placeholder="Phone Number" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;button class="btn btn-success pull-right" type="submit" id="alertMe"&gt;Submit&lt;/button&gt;&lt;br&gt;
                              &lt;/form&gt;
                              &lt;!-- end form --&gt;
                          &lt;/div&gt;
                          &lt;!-- end modal-body --&gt;
                          &lt;div class="modal-footer"&gt;
                                  &lt;div class="alert alert-success alert-block fade in" id="successAlert"&gt;
                                  &lt;button class="close" type="button" data-dismiss="alert" aria-label="close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                                  &lt;h4&gt;Success!&lt;/h4&gt;
                                  &lt;p&gt;New user registered successfully&lt;/p&gt;
                              &lt;/div&gt;&lt;!-- end alert --&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- end modal-content --&gt;
                  &lt;/div&gt;
                  &lt;!-- end modal-dialog --&gt;
              &lt;/div&gt;
              &lt;!-- end modal --&gt;
  
  
  
      &lt;!-- All Javascript at the bottom of the page for faster page loading --&gt;
  
      &lt;!-- First try for the online version of jQuery--&gt;
      &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  
      &lt;!-- If no online access, fallback to our hardcoded version of jQuery --&gt;
      &lt;script&gt;
          window.jQuery || document.write('&lt;script src="includes/js/jquery-1.8.2.min.js"&gt;&lt;\/script&gt;')
      &lt;/script&gt;
  
      &lt;!-- Bootstrap JS --&gt;
      &lt;script src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Custom JS --&gt;
      &lt;script src="includes/js/script.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><em>EDIT</em></p>
  
  <p>Forgot to include that these are .php files.
  This is my header.php and I include it into all my pages with a
      <code>&lt;?php include "header.php" ?&gt;</code>
   if that makes any difference.</p>