title: Ajax cannot get success or error
body: <p>I'm trying to show search results via AJAX to the view.  The action gets JSON and sends it, but the AJAX seems to not be receiving the data.</p>
  
  <pre><code> $(function () {
      $("#btnSearchForUser").click(function () {
          var searchUserResult = $("#UserName").val();
  
          var jsonResult = {
              UserName: searchUserResult
          };
  
          $.ajax({
              type: "POST",
              async: false,
              dataType: "json",
              url: "/Car/ReturnCars",
              data: jsonResult,
              success: function (jsonResults) {
                  var table = $("#tblCarResults");
                  table.empty();
  
                  for (var i = 0; i &lt; jsonResults.length; i++) {
                      var btnBill = "&lt;td&gt;&lt;input type='button' value='Get bill'/&gt; &lt;td&gt;";
                      var btnReturn = "&lt;td&gt;&lt;input type='button' value='Return car'/&gt;&lt;/td&gt;";
                      var tdUserName = "&lt;td&gt;" + jsonResults[i].UserName + "&lt;/td&gt;";
                      var tdManufacture = "&lt;td&gt;" + jsonResults[i].Manufacturer + "&lt;/td&gt;";
                      var tdModel = "&lt;td&gt;" + jsonResults[i].Model + "&lt;/td&gt;";
                      var tdFee = "&lt;td&gt;" + jsonResults[i].Fee + "&lt;/td&gt;";
  
                      var tr = tdManufacture + tdModel + tdFee + btnBill + btnReturn;
                      $(tr).appendTo(table);
                  };
              },
  
              error: function (error) {
                  alert("Error: " + error.status);
              }
          });
      });
  })
  </code></pre>
  
  <p><strong>Edit:</strong> the <code>success</code> was not a mistype and has been corrected.</p>