jQuery更新记录只有一次，除非我刷新页面

Question

我正在使用jQuery来更新database record。它第一次更新正常，但除非重新加载页面，否则永远不会再次更新记录。

我正在使用jQuery，因为我不想刷新页面。我的代码如下所示。请问如何修改我的代码，以便用户可以根据需要多次更新记录？

$('body').on('click', '#subForm', function() {
  $.post($("#form_id").attr("action"), $("#form_id").serialize(), function(info) {
    $("#result").html(info);
  });

  clearInput();

  $("html, body").animate({
    scrollTop: 0
  }, "slow");
});

$('body').on('submit', '#form_id', function(event) {
  event.preventDefault();
  return false;
});

function clearInput() {
  $("#form_id")[0].reset();
}

  

 <div id="result"></div>
<form action="upgrade.php" method="post" id="form_id">
  <select name="item">
    <option><?php echo $item;?></option>
    <?php /* PHP Script */ ?>  
  </select>
  <select name="category">
    <option><?php echo $category;?></option>
    <?php /* PHP Script */ ?>  
  </select>
  <button id="subForm">Save</button>
</form>