jquery - jquery-ライブ-ajax-成功の問題

Question

私はphpファイルにテーブルを持っています：

<table>
for($x=0;$x<$total;$x++) {
  <tr>
    <td><span id="utype-<?=$array[$x]['unique_id']?>">ADMIN</span></td>
    <td><a href="javascript:void(0)" id="changeType" class="<?=$array[$x]['unique_id']?>">Change User Type<a/></td>
  </tr>
}
</table>

js：

$(document).ready(function(){

  var curID;

  $('#changeType').live('click', function(){

     curID = $(this).attr('class');

     $.ajax({
              type:'post',
              url:'actions.php?mc=utype',
              data: {
                  did:curID
              },
              success:function(msg) {
                var json = $.parseJSON(msg);
                $('#utype-'+curID).empty().append(json.newType);
                alert('Account changed!');
              },
              error:function (xhr, ajaxOptions, thrownError){
                alert('xhr status: '+xhr.status + '\n Error:'+ thrownError);
              }  
     });
  });
});

問題：

アラートボタンが表示されている間、id utypeのスパンが変更されますが、[OK]ボタンをクリックすると、スパン値が元の値に戻ります。

例：アラートがまだ存在している間、ADMIN値はREGULARに変更されますが、[OK]ボタンをクリックすると、ADMINに戻ります。

質問：なぜ元の値に戻るのか、そしてそれを修正する方法について助けを求めたいのですが。ありがとうございました...