> I am trying to get the jQuery Cycle plugin to cycle through "slides"
> that contain images with a form for rating the images. Ideally I
> would like the form to submit and then go to the next "slide" that
> contains the image and the rating form. What I cannot seem to figure
> out is how to have it cycle through to the next "slide" and at the
> same time submit the form. As of now - when I click on submit - it
> goes to the next slide appropriately but the data does not get
> submitted. When I removed the ID from the "next" code in the JS - the
> form submits, but the slides are obviously not cycled. Is it possible
> to both go to the next slide and submit data when the submit button is
> pressed?
>
> The current JS:
>
> $(function() {
> $('#photos').cycle({
> prev: '#previous',
> next: '#next, #photoRatingSubmit',
> timeout:0
> });
>
> });
>
> The current HTML (one slide)
>
> <div id="photos">
> <div class="photo">
> <form action="/" method="post">
> <input type="radio" name="rating" value="Yes" /> <label>Yes</
> label>
> <input type="radio" name="rating" value="No" /> <label>No</
> label>
> <input type="submit" id="photoRatingSubmit" value="Submit" /
>
> </form>
> </div>
> <imgsrc="example.jpg" />
> </div>
> </div>
Where is the code that submits the form?
