$http post from angularjs to C# MVC view model, have correct List count but the values are null
<p>I have the following post request using $http</p>

<pre><code>var registration = {
   userId: 23,
   groupings: [ 
           { Id: 1, Name: 'Test Group 1', Description: 'Yo' }, 
           { Id: 4, Name: 'Test Group 4', Description: 'Er' } 
]
}
$http({
            method: 'POST',
            url: url,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            data: $.param({
                code: eventCode,
                UserId: registration.userId
                Groupings: registration.groupings
            })
        })
</code></pre>

<p>And then on my action</p>

<pre><code>    [HttpPost]
            public ActionResult New(string code, RegistrationVM model)
            {
    :
    :
    :
    }


    public class RegistrationVM  
        {
             public int UserId {get;set;}
             public IEnumerable&lt;GroupingVM&gt; Groupings { get; set; }
    }

public class GroupingVM{
   public int Id {get;set;}
   public string Name {get;set;}
   public string Description {get;set;}

   public int AnotherPropertyId {get;set;}
   public ANewClass ANewClass {get;set;}
}
</code></pre>

<p>Whenever the post happens, I would have the model properties reflect what I posted except the IEnumerable (Groupings) property. Let's say I post with 2 objects on the Groupings property, when I go to the Action, the Groupings property will have a count of 2 but every instance would have either NULL or 0 values on each object. I'm trying to figure out how I'm messing the post.</p>