jShowOff как многостраничная форма

Question

Я пытаюсь использовать jShowOff для создания многопанельной формы, которую пользователи могут заполнять.

Проблема, с которой я столкнулся, заключается в том, что при переходе к следующему слайду данные для полей ввода в этом DIV теряются, а когда вы добираетесь до конца процесса, вы по сути отправляете пустую форму.

Есть мысли о том, как мне заставить это работать?

Заранее спасибо за помощь!

<div id="suggestionSlider">
        <div title="What?">
            <h2>What can we do to serve our campus, city, or world?</h2>
            <input name="title" maxlength="60" placeholder="Please limit your title to 60 characters…" style="width: 900px; font-size: 36px;"/>
        </div>
        <div title="Who?">
            <h2>Who are we specifically helping?</h2>
            <textarea name="actions_who" maxlength="140" placeholder="Please limit your response to 140 characters…" style="width: 900px; height: 90px;"></textarea>
        </div>
        <div title="Where?">
            <h2>Where would this take place?</h2>
            {category_menu}
                <label for="Campus">Campus</label>
                <input type="checkbox" name="category 68" value="Campus" />
                <label for="City">City</label>
                <input type="checkbox" name="category 69" value="City" />
                <label for="World">World</label>
                <input type="checkbox" name="category 70" value="World" />
            {/category_menu}
        </div>
        <div title="When?">
            <h2>When would this happen?</h2>
            <textarea name="actions_date" maxlength="140" placeholder="Please limit your response to 140 characters…" style="width: 900px; height: 90px;"></textarea>
        </div>
        <div title="Why?">
            <h2>Why is this important to you?</h2>
            <textarea name="actions_why" maxlength="140" placeholder="Please limit your response to 140 characters…" style="width: 900px; height: 90px;"></textarea>
        </div>
        <div title="How?">
            <h2>How can the people of Resonate Church help?</h2>
            <textarea name="actions_how" maxlength="140" placeholder="Please limit your response to 140 characters…" style="width: 900px; height: 90px;"></textarea>
        </div>
        <div title="Submit">
            <input type="submit" value="Submit" class="submit" />
        </div>

    <script type="text/javascript">     
        $(document).ready(function(){ $('#suggestionSlider').jshowoff({
            autoPlay: false,
            effect: 'slideLeft',
            controls: true,
            controlText: { previous:'Previous', next:'Next' },
            hoverPause: false,
            speed: 5000,
            changeSpeed: 500,
            cssClass: true
        }); });
    </script>