title: jQuery AJAX - data parameter blank at controller
body: <p>Using <code>ASP.NET MVC 3</code>, I'm making a jQuery (<code>ver 1.7.1</code>) AJAX call, like I've done a billion times. However, I've noted something strange. <strong>The following call works fine</strong>:</p>
  
  <pre><code>// license object
  var license = {
      City: "New York",
      CompanyID: 1,
      County: "N/A",
      IsActive: true
  };
  // make the request
  var $req = $.post('/License/theLicense', license); 
  $req.success(function () {
      // this works!
  });
  
  
  [HttpPost]
  public void Save(License theLicense)
  {
      // save
  }
  </code></pre>
  
  <p><strong>However, when I specify the data parameter for the controller it doesn't register at the controller</strong></p>
  
  <pre><code>// license object
  var license = {
      City: "New York",
      CompanyID: 1,
      County: "N/A",
      IsActive: true
  };
  // make the request
  // this time the controller parameter is specified
  // the object will be blank at the server
  var $req = $.post('/License/theLicense', { theLicense: license });
  $req.success(function () {
      // this does not work
  });
  </code></pre>
  
  <p><strong>The object is blank at the controller as shown below</strong></p>
  
  <p><img src="https://i.stack.imgur.com/bvaHn.png" alt="enter image description here"></p>
  
  <p>This is annoying because I will need to pass another data parameter, but I can't due to this issue.</p>
  
  <p><strong>NOTE:</strong> The JSON is identical to the POCO.</p>
  
  <p><strong>Why is it when I specify the data parameter the object shows up blank at the controller, but when I don't it's just fine?</strong></p>