Broken Wizard

If wizard does not have step marked as "active", will default to nothing active, and the first time you click "next" all steps will be marked complete.

by Christopher McCulloh

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="http://fuelux-snippets.herokuapp.com/img/favicon.ico"></script>
<script src="//www.fuelcdn.com/fuelux-utilities/1.0.0/js/fuelux-utilities.min.js"></script>
<script src="https://www.fuelcdn.com/fuelux/3/js/fuelux.min.js"></script>
<link rel="stylesheet" href="https://www.fuelcdn.com/fuelux/3/css/fuelux.min.css">

<body style="padding: 10px;" class="fuelux">
<div class="wizard" data-initialize="wizard" id="myWizard">
	<div class="steps-container">
		<ul class="steps">
			<li data-step="1"><span class="badge">1</span>Campaign<span class="chevron"></span></li>
			<li data-step="2"><span class="badge">2</span>Recipients<span class="chevron"></span></li>
			<li data-step="3"><span class="badge">3</span>Template<span class="chevron"></span></li>
			<li data-step="4"><span class="badge">4</span>Preview<span class="chevron"></span></li>
			<li data-step="5"><span class="badge">5</span>Send<span class="chevron"></span></li>
		</ul>
	</div>
	<div class="actions">
		<button type="button" class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>
		<button type="button" class="btn btn-default btn-next" data-last="Complete">Next<span class="glyphicon glyphicon-arrow-right"></span></button>
	</div>
	<div class="step-content">
		<div class="step-pane active sample-pane alert" data-step="1">
			<h4>Setup Campaign</h4>
			<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
			<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean...

CSS

body {
    padding: 20px;
}

JavaScript

$('#myWizard').wizard();