title: Change button name after successful insertion
body: <p>After a users clicks on the submit button and the data has been sent to the browser, i want the button to be disable and changed. i've tried on my own to make it work. but its not working</p>
  
  <pre><code>$(document).ready(function(){
      $("form").on('submit',function(event){ 
          event.preventDefault();
  
          data = $(this).serialize();
  
          $.ajax({
          type: "POST",
          url: "calls/insert_fryd.asp",
          data: data
          }).success(function() {
  
  
               $(".btn-style").click(function(){
          $(this).val('Inserted');
          $(this).attr('disabled', 'disabled');
    });
  </code></pre>