title: MVC4 Form Serialize to controller not working
body: <p>I have tried just about everything to send a form back to my controller with ajax. </p>
  
  <p>I have simplified my model to just strings. </p>
  
  <ul>
  <li>The ajax is pulling all the form data correctly. </li>
  <li>I have serilaizeArray() as well. </li>
  </ul>
  
  <p>My object called model is null every time (the other parameters map just fine i.e. page, sort...). 
  What am I missing?</p>
  
  <p>Ajax:</p>
  
  <pre><code>...
  var model = $('#advancesearchform').serialize();
  var request = $.ajax({
      type: "POST",
      url: "/DAM/Home/_ImageSearchResult",
      cache: false,
      traditional: true,
      contentType: 'application/json; charset=utf-8',
      dataType: 'json',
      data: JSON.stringify({
          page: page,
          itemsperpage: itemsperpage,
          sort: sort,
          sortdir: sortdir,
          model: model
      }),
      success: function (data) {
          $('#imagesearchresults').html(data);
      }
  });
  </code></pre>
  
  <p>The JSON.stringfy :<br>
  {\"page\":null,\"itemsperpage\":8,\"sort\":\"Project\",\"sortdir\":\"ASC\",\"model\":\"FileName=123&amp;OriginalFileName=sas&amp;Height=asas&amp;Width=asas&amp;DepartmentId=9b4463cd-c184-e211-9244-005056887208&amp;ClassId=28de9d15-c284-e211-9244-005056887208\"}</p>
  
  <p>Controller:</p>
  
  <pre><code>[HttpPost]
  public PartialViewResult _ImageSearchResult(int? page, int itemsperpage, string sort, string sortdir, AdvanceSearchFilters model)
  {
  }
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>public class AdvanceSearchFilters
  {
      public string FileName { get; set; }
      public string OriginalFormat { get; set; }
      public string Width { get; set; }
      public string Height { get; set; }
      public string MediaSource { get; set; }
      public string DepartmentId { get; set; }
      public string ClassId { get; set; }
      public string ThemeId { get; set; }
  }
  </code></pre>