added documentation around using selectedItem to _set_ selected item …

…instead of just _get_

_includes/js/wizard-example.html

@@ -1,7 +1,7 @@
   <ul class="steps">
-    <li data-step="1" class="active"><span class="badge">1</span>Campaign<span class="chevron"></span></li>
+    <li data-step="1" data-name="campaign" class="active"><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="3" data-name="template"><span class="badge">3</span>Template<span class="chevron"></span></li>
   </ul>
   <div class="actions">
     <button type="button" class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>

_includes/js/wizard.html

@@ -94,11 +94,22 @@ <h3 id="wizard-usage-methods">Methods</h3>
     <dd>Moves to the next step</dd>
 
     <dt id="wizard-usage-methods-selectedItem">.wizard('selectedItem')</dt>
-    <dd>Returns the current step index
+    <dd>Returns the current step index.
+  {% highlight js %}
+  $('#myWizard').wizard('selectedItem');
+  {% endhighlight %}
+    </dd>
+
+    <dt id="wizard-usage-methods-selectedItem">.wizard('selectedItem', 3)</dt>
+    <dd>Moves to passed in step. This can be either an integer or the `data-name` of a step.
   {% highlight js %}
   $('#myWizard').wizard('selectedItem', {
     step: 3
   });
+
+  $('#myWizard').wizard('selectedItem', {
+    step: "named item"
+  });
   {% endhighlight %}
     </dd>
 
@@ -220,6 +231,7 @@ <h5 id="wizard-examples-sample-methods">Sample Methods</h5>
       <button type="button" class="btn btn-default" id="btnWizardNext">next</button>
       <button type="button" class="btn btn-default" id="btnWizardStep">log current step index</button>
       <button type="button" class="btn btn-default" id="btnWizardSetStep">jump to step 3</button>
+      <button type="button" class="btn btn-default" id="btnWizardSetStepByName">jump to named step (Template)</button>
     </div>
   <div class="btn-group">
       <button type="button" class="btn btn-default" id="btnWizardAddSteps">add step at index 2</button>

assets/js/wizard-examples.js

@@ -47,6 +47,11 @@ define(function (require) {
 			step: 3
 		});
 	});
+	$('#btnWizardSetStepByName').on('click', function () {
+		$('#myWizard').wizard('selectedItem', {
+			step: "template"
+		});
+	});
 
 	var emailSetupSamplePane = '<div class="bg-warning alert">' +
 	'	<h4>Setup Message</h4>' +