title: MVC3 JQuery AJAX || Multiple passed parameters are null
body: <p>I'm having some problems posting multiple parameters to my controller using AJAX.  Both parameters end up null and can't figure out why.  I'm trying to send the selected values from two drop down lists called "cat_fam_codes" and "cat_codes"</p>
  
  <p>UPDATE:  I've added the content type and data types listed below.  Same problem: both parameters passed to the controller are null.</p>
  
  <p>In the view:</p>
  
  <pre><code>    $('#cat_fam_codes').click(function () {
          var categoryData = {
              categoryFamilyCodes: $('#cat_fam_codes').val(),
              categoryCodes: $('#cat_codes').val()
          };
  
          $.ajax({
              type: 'POST',
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              url: '/EventReport/GetCCRCodes/',
              data: JSON.stringify(categoryData),
              success: function (jsonresults) {
                  if (jsonresults != null) {
                      $('#ccr_codes').find('option').remove().end();
                      for (var i = 0; i &lt; jsonresults.length; i++) {
                          $('#ccr_codes').append('&lt;option value="' + jsonresults[i].CCRCodeId + '"&gt;' + jsonresults[i].Description + '&lt;/option&gt;');
                      }
                  }
              },
              error: function (xhr, status, error) {
                  alert('Failed to retrieve CCR Codes for this list.  A "' + error + '" response was returned.');
              }
          });
  
      });
  </code></pre>
  
  <p>In the controller:</p>
  
  <pre><code>[HttpPost]
  public ActionResult GetCCRCodes(string categoryFamilyCodes, string categoryCodes)
  { ... }
  </code></pre>
  
  <p>Both of the parameters that are passed into the controller a null.  Any assisted would e greatly appreciated.</p>
  
  <p>Thanks!</p>