title: multiple gravity forms validation with show/hide div using radio button
body: <p>I am having trouble using 2 gravity forms on the same page. To start off, each form is in a hidden "div", a user must select from 3 radio buttons which shows/hides the other form. This part works, <em>however</em> if validation fails, the page refreshes and the form is hidden. The user has to re-click on the same radio to see why the validation has failed. I've also set gravity forms to use ajax mode, but that doesn't fix the problem.</p>
  
  <p>This is what my JavaScript looks like:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      jQuery(document).ready(function(){ 
  
          jQuery(".cdiv").hide();
  
          jQuery("input[name=contact_type]").change(function() {
              var _div_id = jQuery(this).val();
              jQuery(".cdiv").hide('slow');
              jQuery("#"+_div_id).show('slow');
          }); 
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The HTML looks something like this (I removed the forms to keep the html short)</p>
  
  <pre><code>&lt;input type="radio" name="contact_type" value="c1" /&gt; Careers &lt;br /&gt;
  &lt;input type="radio" name="contact_type" value="c2" /&gt; Partner with us &lt;br /&gt;
  &lt;input type="radio" name="contact_type" value="c3" /&gt; Media Inquiries &lt;br /&gt;
  
  &lt;div class="cdiv" id="c1"&gt;
  [career info here]
  &lt;/div&gt;
  
  &lt;div class="cdiv" id="c2"&gt;
  form 1 loads here
  &lt;/div&gt;
  
  
  &lt;div class="cdiv" id="c3"&gt;
  form 2 loads here
  &lt;/div&gt;
  </code></pre>
  
  <p>Your help and suggestions are greatly appreciated. Thanks!</p>