title: jQuery click not working for a second time clicked
body: <p>I am using the following code to send the ajax, but the problem is when user clicks for a second time on the button it does not post to backend or do not submit data, for it to work again the user needs to reload the page again. Anyone has an idea why?</p>
  
  <pre><code>$(document).ready(function () {
      $('#btn_follow').click(function (e) {
          e.preventDefault();
          //e.stopPropagation();
          //$('#divId :input').serialize();
          var follow_and_unfollow = $("#user_page_follow :input").serialize();
          $.post(
              "backend/ajax/follow_and_unfollow.php",
              follow_and_unfollow
          ).done(function (data) {
  
              //$("#testimonials").load(location.href+" #testimonials&gt;*","");
              $("#follow").html(data);
              $("#user_followers").load(location.href + " #user_followers&gt;*", "");
  
          }).fail(function () {
              //alert("Error submitting forms!");
          });
      });
  });
  </code></pre>
  
  <p>on second click on <code>#btn_follow</code> it's not submitting, the user needs to reload the page for it to work</p>