title: JQuery Submit button not working
body: <p>So I have a 3 page registration page. On the first page there are three options, if the user chooses the first option then the submit button is shown at the bottom of the 2nd page. If the user chooses option 2 or 3 then on the 2nd page the submit button will only appear after selecting a certain radio button. Here's the code for the 2nd page:</p>
  
  <pre><code>&lt;form id="everything" method="post" action="Page3.php"&gt;
  &lt;input type="radio" id="Reg_num_r1" name="Reg_num_r" value="1"/&gt; Register 1 &lt;br/&gt;
  &lt;input type="radio" id="Reg_num_r2" name="Reg_num_r" value="2"/&gt; Registration 1+ &lt;br/&gt;
  &lt;input type="submit" name="submit" value="Submit" id="submit"  style="display:none;"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here's the JQuery code:</p>
  
  <pre><code>$(document).ready(function(e) {
  if(type==1) {
          $("#submit").show();
      }
  
  $("input[name= 'Reg_num_r']").change( function () {
          if($(this).val()==1) {
              $('#Reg_num2').hide();
          } else {
              $('#Reg_num2').show();
          }
          $("#submit").show();
      });
  $("#everything").submit( function() {
          var data = $("#everything").serialize();
          alert(data);
          return true;
      });
  }
  </code></pre>
  
  <p>If I selected the first option on the first page and click the submit button on the 2nd page, it works perfectly and I move onto the 3rd page. However if I pick option 2 or 3 then the submit button just doesn't work. I continuously click it and nothing happens. I think it's because it is hidden at the beginning since its option 2 or 3 but i don't know a workaround for this. Any ideas? Thank you</p>