title: Why do fields with style="display:hidden" post back?
body: <p>noneI have a form where the user can hide or show fields by clicking a checkbox. I am hiding the fields like this:</p>
  
  <pre><code> $("#ContactDetail_PostalAddressSameAsAddress").change(function () {
          if ($(this).prop('checked') != true) {
              $("#PostalAddressContainer").show("fast");
              $('#PostalAddressContainer :input').show();
  
          }
          else {
              $("#PostalAddressContainer").hide("fast");
              $('#PostalAddressContainer :input').hide();
          }
      });
  </code></pre>
  
  <p>I was under the impression that field with style="display:none" do not post back. However, when I submit the form, the client side validation does not validate the hidden fields, which is what I expect. But, on the server side ModelState.IsValid is false due to the mandatory display:none fields not being set.</p>
  
  <p>In fiddler I can see the form data for the display:none fields. Please help.</p>