I have a multipage form that I'm using to direct clients to a certain page on my site depending on their selections. There is only one radio button question on each page of the form, and I'd like the client to be taken to the next page as soon as they select an answer without having to click a "next page" button. I assigned a class of "advance" to those radio buttons, and here is the code I'm working with:

jQuery(document).ready(function ($) { 
$(".advance input[type=radio]").on('change',function () { 
$("#form_fpcontactoptions").submit(); 
}); 
});

This works great to advance to the next page, but it's causing a conflict with conditional logic somehow. There's an html field that is supposed to show up on the second page depending on a client's selection on the first page. When I run through the form the first time on page load, the field doesn't show up on the second page like it's supposed to. If reset the form and go back to the beginning, it works just fine. Can anybody think of why this would be happening or someway I can modify my code to make it work? Thanks