title: Bootstrap - pause Carousel
body: <p>What I want to do is to pause my carousel when hovering with the mouse over ANOTHER div.
  I tried to use jQuery and .hover for this:</p>
  
  <pre><code>$('#running-box, #bg-car').carousel({})
  
      $("#running-box").hover(function(){
          $("bg-car").carousel({interval: false});
      });
  </code></pre>
  
  <p>But it isn't working.
  The reason I took interval:false is another post from here, also this won't work:</p>
  
  <pre><code>$('#running-box, #bg-car').carousel({})
  
      $("#running-box").hover(function(){
          $("bg-car").carousel('pause');
      });
  </code></pre>
  
  <p>I mastered every bootstrap stuff, fading transitions, affixing my menu but this simply won't work. Live Demo: <a href="http://mentsik.eu/kerek/" rel="nofollow">http://mentsik.eu/kerek/</a></p>
  
  <p>This is just a test site for testing Bootstrap.
  My Javascript is like in the examples, in an own applications.js</p>