title: How do I send a complex JSON object from an HTML form using SYNCHRONOUS page POST?
body: <p>My server is using ServiceStack and would like to receive some data like this:</p>
  
  <pre><code>{
      Customer: {
          Company: "TheCompany",
          RegionCode: "AU_NSW"
      },
      Name: {
          First: "Jimi",
          Last: "Hendrix"
      }
  
  }
  </code></pre>
  
  <p>I have a form which has these fields and I can easily grab the data using JQuery, make the nested JSON object and use $.post to send it through.</p>
  
  <p>But I don't want to send it as AJAX, because I want the entire page to submit and then the browser to show the server's response as a new page. Just classic form post behaviour. </p>
  
  <p>I have tried embedding the complex json as strings inside hidden form fields - No cigar.</p>
  
  <p>I have also looked to see if ServiceStack has any naming conventions such that I could call my form fields "Name[First]" and have ServiceStack put the right values in their correct nested structure - no cigar on that either.</p>
  
  <ol>
  <li>Is there a way I can attach a JSON object to a form's POST data just before that form sends the data through?
  or</li>
  <li>Is there a way I can do a full page submission with jQuery (so I can send a complex nested JSON whilst still having the normal "page-submit" behaviour)?</li>
  </ol>