title: Jquery, Ajax success message appears only once onclick and the second time it did not display
body: <p>After clicking the form the data is successfully processed and I get the green success message with out refreshing the page. However while I am on the page and try to submit form again, the success message would not show up but the form reset itself. What should I do to get the success message every time with no refreshing the page?</p>
  
  <p>By the way, if I refresh the page then the success message will be display again.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(document).ready(function () {
      $('#TestForm').submit(function (e) {
          e.preventDefault();
          $.ajax({
              url:"post.php",
              data: $(this).serialize(),
              type: "POST",
              dataType: "json",
              success: function (data) {
                  $('#resultback').addClass("alert alert-success").html('Your data has sent succesfully! ');
                  $('#TestForm').trigger("reset");
                  setTimeout(function() {
                      $('#resultback').fadeOut('slow'); }, 3000);
              },
              error: function (data) {  $('#status').html(status);
              }
          })
      })
      $('#TestForm').reset;
  })
  </code></pre>
  
  <p>Why does that happen?</p>