title: Why is my ajax request returning an empty response?
body: <p>I have the following ajax request being called:</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: "/admin/RoutingIndicators/Add",
      data: { newSecondaryRI: newRi },
      success: function () {
          alert('hit');
          document.location.reload(true);
  
      },
      error: function (xhr, status, error) {
          var err = eval("(" + xhr.responseText + ")");
          alert(err.Message);
      }
  });
  </code></pre>
  
  <p>The add method in the controller executes fine and returns below:</p>
  
  <pre><code>return Json(JsonResponses.Success());
  </code></pre>
  
  <p>However, none of the functions in the ajax request (success, error, complete) fire after the method returns success the first time around.  After the second go, the first value that I added shows up, but not the second.  If I reload the page, the other one shows up, so I know the Add method is working correctly.  What could be causing the skip over the methods in the ajax request for the first iteration?</p>