title: bootstrap dropdown not working on heroku
body: <p>I have bootstrap installed in my rails app, where everything is working correctly on local machine but as soon as i pushed it on heroku the dropdown and jQuery datepicker plugin stopped working</p>
  
  <p><em>My codes</em></p>
  
  <p><strong>Gemfile</strong></p>
  
  <pre><code>source 'https://rubygems.org'
  
  
  # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
  gem 'rails', '4.2.3'
  # Use sqlite3 as the database for Active Record
  group :production do
      gem 'pg'
      gem 'rails_12factor'
  end
  group :development, :test do
      gem 'sqlite3'
  end
  
  gem 'devise'
  gem 'simple_form'
  gem 'mailboxer'
  gem 'chosen-rails'
  gem 'acts_as_votable', '~&gt; 0.10.0'
  gem 'public_activity'
  # Use SCSS for stylesheets
  gem 'sass-rails', '~&gt; 5.0'
  # Use Uglifier as compressor for JavaScript assets
  gem 'uglifier', '&gt;= 1.3.0'
  # Use CoffeeScript for .coffee assets and views
  gem 'coffee-rails', '~&gt; 4.1.0'
  gem 'coffee-script-source', '1.8.0'
  gem 'paperclip', '~&gt; 4.3.0'
  gem 'bootstrap-sass', '~&gt; 3.3.5.1'
  gem "font-awesome-rails"
  # See https://github.com/rails/execjs#readme for more supported runtimes
  # gem 'therubyracer', platforms: :ruby
  
  # Use jquery as the JavaScript library
  gem 'jquery-rails'
  # Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
  gem 'turbolinks'
  # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
  gem 'jbuilder', '~&gt; 2.0'
  # bundle exec rake doc:rails generates the API under doc/api.
  gem 'sdoc', '~&gt; 0.4.0', group: :doc
  
  # Use ActiveModel has_secure_password
  # gem 'bcrypt', '~&gt; 3.1.7'
  
  # Use Unicorn as the app server
  # gem 'unicorn'
  
  # Use Capistrano for deployment
  # gem 'capistrano-rails', group: :development
  
  
  # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
  gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
  </code></pre>
  
  <p><strong>aplication.html.erb</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;ShiftInd&lt;/title&gt;
    &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'&gt;
    &lt;%= javascript_include_tag "application" %&gt;
    &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;link href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" rel="stylesheet"&gt;&lt;/link&gt;
    &lt;link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;&lt;/link&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/
  libs/jquery/1.4/jquery.min.js"
  &gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
    &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
    &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="/assets/style.css"&gt;
    &lt;%= csrf_meta_tags %&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-
  
          collapse-1" aria-expanded="false"&gt;
          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;div class="col-md-12"&gt;
          &lt;a class="navbar-brand" href="/shipments"&gt;Shiftind&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
  
  
        &lt;ul class="nav navbar-nav navbar-right col-md-3"&gt;
          &lt;% if user_signed_in? %&gt;
          &lt;li class="&lt;%= active_page(:inbox) %&gt;"&gt;
      &lt;%= link_to mailbox_inbox_path do  %&gt;
          &lt;span class="label label-danger pull-right"&gt;&lt;%=unread_messages_count%&gt;&lt;/span&gt;
          &lt;em class="fa fa-envelope fa-lg"&gt;&lt;/em&gt;
      &lt;% end %&gt;
    &lt;/li&gt;
  
    &lt;li class="dropdown" &gt;
          &lt;span class="notification-count" style = "padding: 5px;"&gt;&lt;%= @comment.count.inspect %&gt;&lt;/span&gt;
            &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;&lt;span class="notification-count"&gt;
              &lt;span class="fa fa-bell fa-1x"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
               &lt;li&gt;&lt;% @comment.flatten.each do |c|%&gt;
                 &lt;%= link_to comments_notification_update_path(:comment_id =&gt; c.id), :class =&gt; "notification"  do %&gt;&lt;%@user = User.find c.user_id%&gt;&lt;%= @user.full_name.capitalize%&gt; added a &lt;i class="fa fa-inr"&gt;&lt;/i&gt; bid &lt;%= c.content.split(//).first(5).join %&gt;....&lt;% end %&gt;&lt;br&gt;&lt;br&gt;
                 &lt;% end %&gt;
               &lt;/li&gt;        
             &lt;/ul&gt;
           &lt;/li&gt;
  
           &lt;li class="dropdown"&gt;
            &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-
  
            expanded="false"&gt;&lt;strong&gt;&lt;font style="text-transform: capitalize;"&gt;Hi, &lt;%= current_user.first_name %&gt;&lt;/strong&gt;&lt;/font&gt;&lt;span 
  
            class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;%= link_to "Edit Your Details", edit_user_registration_path %&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%= link_to "Log Out", destroy_user_session_path, method: :get %&gt;&lt;li&gt;
                &lt;% else %&gt;
                &lt;li&gt;&lt;%= link_to "Register", new_user_registration_path %&gt;&lt;/li&gt;
                &lt;li&gt;&lt;%= link_to "Log in", new_user_session_path %&gt;&lt;/li&gt;
                &lt;% end %&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
  
  
  
  
    &lt;div class="text-center"&gt;
      &lt;% flash.each do |name, msg| %&gt;
      &lt;%= content_tag(:div, msg, class: "alert alert-info") %&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
    &lt;%= yield %&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>aplication.js</strong></p>
  
  <pre><code>// This is a manifest file that'll be compiled into application.js, which will include all the files
  // listed below.
  //
  // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
  // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
  //
  // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
  // compiled file.
  //
  // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
  // about supported directives.
  //
  
  //= require bootstrap
  //= require jquery
  //= require jquery_ujs
  //= require chosen-jquery
  //= require turbolinks
  //= require_tree .
  
  
  
  
  $(document).ready(function(){
      $(document).mousemove(function(e){
          TweenLite.to($('body'), 
              .5, 
              { css: 
                  {
                      backgroundPosition: ""+ parseInt(event.pageX/8) + "px "+parseInt(event.pageY/'12')+"px, "+parseInt(event.pageX/'15')+"px "+parseInt(event.pageY/'15')+"px, "+parseInt(event.pageX/'30')+"px "+parseInt(event.pageY/'30')+"px"
                  }
              });
      });
  
  
  });
  
  $(function() {
    $("#shipment_date").datepicker();
  });
  </code></pre>
  
  <p>I tried many things but nothing helped. Any help will be great, thanks in advance.</p>