Auto-generate Bootstrap Carousel Indicator HTML

carousel-indicators.js

// Auto-generate carousel indicator html
var bootCarousel = $(".carousel");
bootCarousel.append("<ol class='carousel-indicators'></ol>");
var indicators = $(".carousel-indicators");
bootCarousel.find(".carousel-inner").children(".item").each(function(index) {
    (index === 0) ?
    indicators.append("<li data-target='#MyCarousel' data-slide-to='" + index + "' class='active'></li>") :
    indicators.append("<li data-target='#MyCarousel' data-slide-to='" + index + "'></li>");
});