title: Jquery steps - how to duplicate next and previous buttons ? E.g to use at top and bottom
body: <p>I hope someone could help me with this. Basically, I am using Jquery Step, "Vertical Steps Example" on <a href="http://www.jquery-steps.com/Examples" rel="nofollow">http://www.jquery-steps.com/Examples</a></p>
  
  <p>I am trying to duplicate 'next' and 'previous' buttons to sit both at the top and bottom of contents area because I have got quite a lot of texts and images in each step. </p>
  
  <p>Could someone help in how to duplicate those buttons ? Example code I am using is below: </p>
  
  <pre><code>    &lt;script&gt;
              $(function ()
              {
                  $("#wizard").steps({
                      headerTag: "h2",
                      bodyTag: "section",
                      transitionEffect: "slideLeft",
                      stepsOrientation: "vertical"
                  });
              });
      &lt;/script&gt;
  
      &lt;div id="wizard"&gt;
          &lt;h2&gt;Title One&lt;/h2&gt;
          &lt;section&gt;
              &lt;p&gt;Content for Title One&lt;/p&gt;
          &lt;/section&gt;
  
          &lt;h2&gt;Title Two&lt;/h2&gt;
          &lt;section&gt;
              &lt;p&gt;Content for Title Two&lt;/p&gt;
          &lt;/section&gt;
  
      &lt;/div&gt;
  </code></pre>