title: rails assets - not working properly on link click, but working when refreshed or pressed enter in address bar. Heroku link provided
body: <p>This is link to my app on heroku: <a href="http://glacial-temple-5892.herokuapp.com/" rel="nofollow">http://glacial-temple-5892.herokuapp.com/</a></p>
  
  <p>It has a dropdown having 4 links, all pointing to the home url.</p>
  
  <p>If you click 'dropdown' first, then dropdown will open and shows 4 links. When one link clicked, it will come to same page(home page with route '/') and then clicking dropdown doesnt work now. But, when we refresh or press enter on address bar, it works. </p>
  
  <p>Whats the solution ?</p>
  
  <p>application.html.erb</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Assets test&lt;/title&gt;
  &lt;%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" =&gt; true %&gt;
  &lt;%= csrf_meta_tags %&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav class="navbar navbar-default" role="navigation"&gt;
  &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
  &lt;div class="navbar-header"&gt;
      &lt;a class="navbar-brand" href="#"&gt;Hello &lt;/a&gt;
      &lt;ul class='nav navbar-nav'&gt;
          &lt;li&gt;&lt;a &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li class='dropdown'&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href='/'&gt;link 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='/'&gt;link 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='/'&gt;link 3&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='/'&gt;link 4&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
          &lt;/li&gt;
          &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/nav&gt;
      &lt;p class='notice'&gt;&lt;%= notice %&gt;&lt;/p&gt;
      &lt;p class='alert'&gt;&lt;%= alert %&gt;&lt;/p&gt;
  &lt;%= yield %&gt;
  &lt;%= javascript_include_tag "application", "data-turbolinks-track" =&gt; true %&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app/assets/javascripts/application.js</p>
  
  <pre><code>// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives)        for details
  // about supported directives.
  //
  //= require jquery
  //= require jquery_ujs
  //= require turbolinks
  //=require dropdown
  //= require_tree .
  </code></pre>
  
  <p>app/assets/stylesheets/application.css</p>
  
  <pre><code>/*
   * This is a manifest file that'll be compiled into application.css, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the top of the
   * compiled file, but it's generally better to create a new file per style scope.
   *
   *= require_self
   *= require_tree .
   *=require bootstrap
   */
  </code></pre>
  
  <p>I placed bootstrap.css in vendor/stylesheets
  I placed dropdown.js in vendor/javascripts/ directory</p>