I have this jquery ajax script

```
$.ajax({
    type: "POST",
    url: "register.php",
    data: "name=" + name + "&email=" + email + "&password=" + password + "&confirm_password=" + confirm_password + "&captcha=" + captcha,
    success: function(data){
    if(data == "Success"){
      $("#tombol_submit").remove();
      $("#register_sukses").fadeIn(500);
    }else{
      $("#register_gagal").html(data).fadeIn(500);
      $("#submit").removeAttr("disabled").attr("value", "Submit");
    }
}

```

in the register.php, once the data successfully added to database, it will echo the "Success" word, the word Success is appear in the form page, but the button (tombol\_submit) not removed, otherwise it back into Submit button (just like in 'else' statement). How to remove the button, so the client cannot click the submit button again?

here's the register.php script

```
<?php
    session_start();
    include "config/koneksi.php";

    if(!empty($_POST['captcha'])){
         if($_POST['captcha'] == $_SESSION['hasil']){
             $fullname = $_POST['name'];
             $email = $_POST['email'];
             $password = md5($_POST['password']);

             $queryform = "INSERT INTO register (fullname,email,pass) 
                    VALUES('$fullname','$email','$password')";
             if ($hasilform = mysqli_query($konek2, $queryform)) {
                 echo "Success";
             } else {
                 echo "Failed";
             }
         } else {
             echo "The captcha code is wrong";
         }
     } else {
         echo "The captcha cannot be empty";
     }
?>

```