title: Uncaught TypeError: $(...).carousel is not a function
body: <p>I am using bootstrap to create a web app. I am using rails 4.2.2 and heroku as my server. At first the carousel works fine. But after visiting another link on my site when I come back to the home page, the carousel is not working. I get the error on the chrome console. </p>
  
  <p>Uncaught TypeError: $(...).carousel is not a function</p>
  
  <p>I have looked at other solutions given in the site, but nothing has worked for me so far. 
  I am using the following code to load the js and jquery in my .html.erb file </p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Any help is appreciated. Thank you.</p>