Jquery steps - how to duplicate next and previous buttons ? E.g to use at top and bottom
<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>