title: How to tell Bootstrap Carousel to skip an element or class?
body: <p>I'm using Bootstrap Carousel for Tumblr and it works great. However, on the theme customization page Tumblr adds JavaScript to the HTML left, right and center. That's causing the carousel to break, because the next element is unexpected.</p>
  
  <p>To simply put it in code it looks like this</p>
  
  <pre><code>&lt;div class="carousel-inner"&gt;
    &lt;div class="active item"&gt;&lt;/div&gt;
    &lt;script class="custom-js-code"&gt;/* bunch of stuff go here */&lt;/script&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;script class="custom-js-code"&gt;/* bunch of stuff go here */&lt;/script&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;script class="custom-js-code"&gt;/* bunch of stuff go here */&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://codepen.io/nicotinell/pen/azNGeZ" rel="nofollow">Live preview</a></p>
  
  <p>Removing the JS is out of the question, so I need a way to tell the carousel to skip those elements using the <code>&lt;script&gt;</code> tag or the <code>custom-js-code</code> class.</p>
  
  <p>Any ideas?</p>