title: Bootstrap carousel pagination / slide numbering issue
body: <p>I, like many others, want clickable and styleable pagination to run with the Bootstrap carousel so i don't have to run additional jquery plugins (eg. innerfade) over the top of bootstrap.</p>
  
  <p>I've had a shot using this question (and answer) <a href="https://stackoverflow.com/questions/10499154/bootstrap-carousel-number-active-icon">Bootstrap Carousel Number active icon</a> but so far no dice, I can't see what i'm doing wrong here. </p>
  
  <p>Here's my fiddling <a href="http://jsfiddle.net/adriatiq/V4SBt/" rel="nofollow noreferrer">http://jsfiddle.net/adriatiq/V4SBt/</a> (strangely the pagination works in the fiddle and not locally). As you can see, numbering doesn't skip through as the slides progress.  </p>
  
  <p>Please excuse my woeful js skills.</p>