【myfriend】申請完了時にalertを出してメッセージを出したい。

myfriend_application.html

<link rel="stylesheet" href="<{$xoops_url}>/common/css/jquery.alerts.css" type="text/css" />
<script type="text/javascript" src="<{$xoops_url}>/common/js/jquery.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/common/js/jquery.alerts.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/common/js/jquery.ui.draggable.js"></script>
<script type="text/javascript">
jQuery('#the-form').submit(function(event){
    //HTMLでの送信はキャンセル
    event.preventDefault();
    var jQueryform= jQuery(this);
    //送信ボタンを取得
    var jQuerybutton = jQueryform.find('button');
    //送信
    jQuery.ajax({
        url:jQueryform.attr('index.php?action=application'),
        type:jQueryform.attr('post'),
        data:jQuery.serialize(),
        timeout:10000,//単位はミリ秒
        cache:false,
        //送信前
        beforeSend: function(data){
            //ボタンを無効化し、二重送信を防止
            jQuerybutton.attr('disabled',true);
        },
        //応答後
        complate:function(data){
            //ボタンを有効化し、再送信を許可
            jQuerybutton.attr('disabled',false);
        },
        //通信成功時の処理
        done:function(data){
            //送信が成功したら完了ページに遷移
            jAlert("友達申請完了","チェック");
        },
        //通信失敗時の処理
        error:function(data){
            alert("NG");
        }
    });
});
</script>
<h4><{$titlemsg}></h4>
<form id="the-form" method="post">
<{xoops_token form=$ActionForm}>
<input type="hidden" name="auid" value="<{$auser->get('uid')}>" />
<table class="outer">
<tr>
<td class="head"><{$smarty.const._MD_MYFRIEND_AISATSU}></td>
<td class="odd"><textarea name="note" cols="50" rows="5"></textarea></td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<button><{$smarty.const._MD_MYFRIEND_SEND}></button>
</td>
</tr>
</table>
</form>