title: Jquery-Steps plug in not working?
body: <p>I came across this amazing plugin <a href="http://www.jquery-steps.com/Examples" rel="nofollow">http://www.jquery-steps.com/Examples</a>
  I am have been trying to make it work but it seems I am missing something. </p>
  
  <p><strong>I have added the reference to the file :</strong></p>
  
  <pre><code>&lt;script src="../Scripts/jquery.steps.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>My markup looks like this :</strong></p>
  
  <pre><code>&lt;div id="example-basic"&gt;
      &lt;h3&gt;Keyboard&lt;/h3&gt;
      &lt;section&gt;
          &lt;p&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
      &lt;/section&gt;
      &lt;h3&gt;Effects&lt;/h3&gt;
      &lt;section&gt;
          &lt;p&gt;Wonderful transition effects.&lt;/p&gt;
      &lt;/section&gt;
      &lt;h3&gt;Pager&lt;/h3&gt;
      &lt;section&gt;
          &lt;p&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript looks like this :</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $("#example-basic").steps({
      headerTag: "h3",
      bodyTag: "section",
      transitionEffect: "slideLeft",
      autoFocus: true
  });
  &lt;/script&gt;
  </code></pre>