title: How can I insure jQuery submits the correct JSON keys in the headers using POST?
body: <p>I have this snippet,</p>
  
  <pre><code> pKey = $(this).attr("data-pk");
   var columnName = $(this).attr("name");
   var changedData = $(this).val();
   var data = {
          id : pKey,
          columnName : changedData
      };
  
      $.post('/HelloWorld/Edit/', data, function () {
          $("#status").html("&lt;strong&gt;" + pKey + ", " + myCurrentData + ": POST SUCCESS?:&lt;/strong&gt;");
      })
  </code></pre>
  
  <p>When I step through the code in Chrome, data has the correct columnName.  It would be this:</p>
  
  <pre><code>var data = {
      id: pKey,
      lastName : changedData
  };
  </code></pre>
  
  <p>That's what Chrome shows, but when I see the headers it shows this:</p>
  
  <pre><code>columnName : mydatathatgotchanged
  </code></pre>
  
  <p>In other words, it keeps the name of the column literally "columnName" and then the data.  It is changing somehow.  The changedData value is correct.</p>