title: jquery dotdotdot plugin (adds ellipsis) not working with Bootstrap carousel
body: <p>I'm using the Bootstrap 3 carousel for my Rails 4 application.  To truncate longer captions in the carousel, I'm using the jquery dotdotdot plugin which also appends "..." at the end.  While the plugin works for the first image in the carousel, it doesn't work for subsequent images.</p>
  
  <p>Here's the jsfiddle: 
  <a href="http://jsfiddle.net/michaelvli/GD3JH/9/" rel="nofollow">http://jsfiddle.net/michaelvli/GD3JH/9/</a></p>
  
  <p>Why is dotdotdot not executing on all captions of the carousel?  I've tried using a carousel event handler to execute the plugin every time the carousel slides but this solution isn't suitable as the user will see the full caption for a brief moment before dotdotdot has had a chance to execute:</p>
  
  <pre><code>$('.carousel').on('slide.bs.carousel', function () {
      $('.dotdotdot').dotdotdot({});
  });
  </code></pre>
  
  <p>Alternatively, if somebody can recommend another solution that truncates multi-line captions while appending a "..." to the end, that would be great too.</p>