loading animation function button, but form won't submit

Question

i made a loading animation function with spinner the animation is work perferctly except when i used function class for submit button, my form wont submit

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" action="xxx">
  <input class="form-control" type="date" id="tgl_start" name="tgl_start" required>
  <input class="form-control" type="date" id="tgl_end" name="tgl_end" required>
  <button type="submit" class="link_load"> Go </button>
</form>

<script>
  $(document).ready(function() {
    $('.link_load').on('click', function() {
      $(this).prop("disabled", true);
      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...');
    });
  });
</script>