jqtransformplugin and asp.net update panel

Question

Sir i try like below.

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script>
<script language="javascript" type="text/javascript">
    $(function () {
        $('form').jqTransform({ imgPath: 'jqtransformplugin/img/' });
    });
</script>
<style type="text/css">
body{
font-family: Arial;
}
form{clear:both;}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     <div class="formstyle">
    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    </div>
    </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
 at button click i have one msg. box

ScriptManager.RegisterStartupScript(this, this.GetType(), "script", "alert('Data Save Successfully');", true);

please help me to find out a way that before and after click button i get the effect and also msg box display.