title: jQuery/Javascript runs on local but not on Heroku
body: <p>This is my app on Heroku: <a href="http://mighty-brushlands-6367.herokuapp.com/" rel="nofollow noreferrer">http://mighty-brushlands-6367.herokuapp.com/</a> and this is how it SHOULD look, as it does locally: </p>
  
  <p><img src="https://i.stack.imgur.com/2jkzv.png" alt="enter image description here"></p>
  
  <p>Well I did some googling. I check this solution: <a href="https://stackoverflow.com/questions/19946575/jquery-events-are-not-working-on-heroku-in-production-but-work-in-development">JQuery events are not working on heroku in production but work in development</a> and others. </p>
  
  <p>I went ahead to run <code>heroku run rake assets:precompile</code> but still can't get the effects to kick in on Heroku. This is how my <code>application.js</code> looks like: </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 vendor/assets/javascripts of plugins, if any, 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/sstephenson/sprockets#sprockets-directives) for details
  // about supported directives.
  //
  //= require jquery
  //= require jquery_ujs
  //= require turbolinks
  //= require_tree .
  //= require bootstrap
  //= require textEffect
  </code></pre>
  
  <p>I need some guidance. I'm a hungry-for-knowledge newbie.</p>