title: Formcollection input values are empty in controller after ajax call
body: <p>I faced a problem with IE and FF; my application is working with Google Chrome.</p>
  
  <p>I am binding a model to a view in ASP.NET MVC
  I have a table row inside a form(and some other controls). I replace the table row's content on a button click with ajax call. After ajax call, if I submit form as shown below, I can not get formcollection inputs from controller method. There is no problem when I submit form before ajax call.</p>
  
  <p>The js code to update table row's content:</p>
  
  <pre><code>function reloadCriteriaTable(unitID, criteriaCode, icerikRowSpan, icerikOnay) {
  $.ajax({
      type: "GET",
      url: 'ApproveParts/ReloadCriteria',
      data: { contentID: $('[name="contentID"]').val(), unitID: unitID, criteriaCode: criteriaCode, selectedValue: $("#validator_" + criteriaCode).val(), icerikRowSpan: icerikRowSpan, icerikOnay: icerikOnay },
      cache: false,
      type: "POST",
      success: function (data, textStatus, XMLHttpRequest) {
          $('#tr_' + criteriaCode).replaceWith(data);
          $('#continueBtn').on('click', function () {
              $('#form_3').submit();
              return false;
          });
      },
      error: function (xhr, status, error) {
          alert(xhr + ' ' + status + " : " + error);
      }
  
  });
  }
  </code></pre>
  
  <p>Onclick function:</p>
  
  <pre><code>$(document).on("click", ".btnSubmitCriteria", function () {
      $('#form_3').submit();
      return false;
  });
  </code></pre>
  
  <p>Controller method:</p>
  
  <pre><code>[HttpPost]
  public ActionResult CourseCriteriaApprovment(FormCollection collection)
  {
  
  }
  </code></pre>