title: How to trigger onclick multiple times?
body: <p>I'm trying to make a message pop up saying all changes have been saved, it works once, but then won't work a 2ed or 3rd time. code is below: </p>
  
  <p>How can i make it work every time it is click?</p>
  
  <pre><code>$(document).ready(function() {
     $(".faChkRnd").on('click', function() {
       $("#result").html('All changes have been saved!');
       $("#result").addClass("alert alert-fmaj");
     });
     $("#result").fadeTo(4000, 500).fadeOut(1000, function() {
       $("#updateunit").alert('close');
     });
     $("#updateunit").submit(function() {
       return false;
     });
  });
  
  function clearInput() {
     $("#updateunit :input").each(function() {
       $(this).val('');
     });
  }
  </code></pre>
  
  <p>And also tried this:</p>
  
  <pre><code>$(document).ready(function() {
     $(".faChkRnd").on('click', function() {
       $("#result").html('All changes have been saved!');
       $("#result").addClass("alert alert-fmaj");
     });
     $("#result").fadeTo(4000, 500).fadeOut(1000, function() {
       $("#updateunit").alert('close');
       $("#result").removeClass("alert alert-fmaj"); 
     });
     $("#updateunit").submit(function() {
       return false;
     });
  });
  
  function clearInput() {
     $("#updateunit :input").each(function() {
       $(this).val('');
     });
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/2xc1dk7e/" rel="nofollow">FIDDLE</a>   </p>