Tıklanan Buton İşlemden Sonra Renk Değiştirsin

Merhaba Arkadaşlar başlıktada belirttiğim gibi butona tıkladıgımda eger sonuc true döner ise buton rengi yeşil olsun veya butonda başarılı yazsın.

script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"> 
function kayitol(){ 
var veriler = $('#ajax').serialize(); 
$.ajax({ 
type: "POST", 
url: "kayit.php", 
data: veriler, 
success:function(cevap){ 
$("#sonuc").html(""+cevap); 
} 
})};

form içeriği:

<form id="ajax" method="POST" action="javascript:void(0);">
<input type='submit' onclick='kayitol();' value='Kaydet' class='button submit' /><div id='sonuc'></div>
</form>

kayit.php içeriği:

<?php

        mysql_connect ("localhost", "root", "") or die ('Error: ' . mysql_error());
        mysql_select_db("bot") or die ('Data error:' . mysql_error());
		mysql_query("SET NAMES 'utf8'");
        $text = mysql_real_escape_string($_POST['message']); 
        $query="INSERT INTO veriler (bilgi,) VALUES ('$text')";
        mysql_query($query) or die ('Error updating database' . mysql_error());
    
	echo "Eklendi";

	?>

Burada tam olarak istediğim butona tıkladıgımda kaydet.phpden gelen eklendı degerini altına yazdırmak değilde butonun rengini yeşil olması veya butonda başarılı yazmasıdır? Bunu nasıl yapabilirim

Success fonksiyonunun içine yazın. Renk kodunu ayarlayın, butona kaydet idsi ekleyin

if( cevap == 'Eklendi' ){
	$("input#kaydet").css("background-color","#");
	$("input#kaydet").attr("value","Eklendi");
}

Sorun tamam ancak şimdide şöyle bir sorun var verileri bot ile sıralıyorum en üstteki gelen veriye kaydet diye tıkladığımda diğer tüm butonlar yeşil oluyor ve eklendi yazıyor.
resimli olarak bakacak olursak:
Veriler İlk Geldiğinde Bu Şekilde: http://prntscr.com/7p5rpg


Kaydet Butonuna tıkladıktan sonra: http://prntscr.com/7p5yyc


İlgili php kodları ise şu şekilde:http://prntscr.com/7p0v7l

Bu sorunu nasıl giderebilriim?

onclick='kayitol();' bunu kaldır.

kayitol() function yerine aşağıdakini yaz.

$(function(){
	$('input.submit').click(function(){
		var $this = $(this);
                var veriler = $('#ajax').serialize(); 
		$.ajax({ 
			type: "POST", 
			url: "kayit.php", 
			data: veriler, 
			success:function(cevap){ 
				$("#sonuc").html(""+cevap); 
				if( cevap == 'Eklendi' ){
				   $this.css("background-color","#");
				   $this.attr("value","Eklendi");
				}
			} 
		});
		
	});
});