What wrong in this code ?
Here i have 2 list boxes ,when i click add button then items should be added to second list box in asp.net using jquery.

        <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ListBoxExample.aspx.cs" Inherits="ListBoxExample" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Adding,removing elements from First Listbox to Second Listbox</title>
        <style type="text/css">
            .lstbx1
            {
                font-family: Verdana;
                font-size: medium;
                font-style: normal;
                background-color: Aqua;
                height: auto;
                width: auto;
            }
            .lstbx2
            {
                font-family: Verdana;
                font-size: medium;
                font-style: normal;
                background-color: Lime;
                height: auto;
                width: auto;
            }
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js" />
        <script type="text/javascript">
            function Move_Elements() {
                $("#lstbx1").appendTo("#lstbx2");
            }
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        <asp:ListBox ID="lstbx1" runat="server" CssClass="lstbx1" SelectionMode="Multiple">
                            <asp:ListItem>Hemanth Kumar VLN</asp:ListItem>
                            <asp:ListItem>Sainath T</asp:ListItem>
                            <asp:ListItem>Mahendar Reddy Salla</asp:ListItem>
                            <asp:ListItem>Siva Kishore G</asp:ListItem>
                            <asp:ListItem>Sitaramaiah E</asp:ListItem>
                            <asp:ListItem>Jitendra Faiye</asp:ListItem>
                            <asp:ListItem>Ragavendra Phani R</asp:ListItem>
                        </asp:ListBox>
                    </td>
                    <td>
                        <asp:ListBox ID="lstbx2" runat="server" CssClass="lstbx2"></asp:ListBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnadd" runat="server" Text="Add" OnClientClick="Move_Elements();" />
                    </td>
                    <td>
                        <asp:Button ID="btnremove" runat="server" Text="Remove" OnClientClick="" />
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>


What wrong in this code ?
===

Here i have 2 list boxes ,when i click add button then items should be added to second list box in asp.net using jquery.

        <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ListBoxExample.aspx.cs" Inherits="ListBoxExample" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Adding,removing elements from First Listbox to Second Listbox</title>
        <style type="text/css">
            .lstbx1
            {
                font-family: Verdana;
                font-size: medium;
                font-style: normal;
                background-color: Aqua;
                height: auto;
                width: auto;
            }
            .lstbx2
            {
                font-family: Verdana;
                font-size: medium;
                font-style: normal;
                background-color: Lime;
                height: auto;
                width: auto;
            }
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js" />
        <script type="text/javascript">
            function Move_Elements() {
                $("#lstbx1").appendTo("#lstbx2");
            }
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        <asp:ListBox ID="lstbx1" runat="server" CssClass="lstbx1" SelectionMode="Multiple">
                            <asp:ListItem>Hemanth Kumar VLN</asp:ListItem>
                            <asp:ListItem>Sainath T</asp:ListItem>
                            <asp:ListItem>Mahendar Reddy Salla</asp:ListItem>
                            <asp:ListItem>Siva Kishore G</asp:ListItem>
                            <asp:ListItem>Sitaramaiah E</asp:ListItem>
                            <asp:ListItem>Jitendra Faiye</asp:ListItem>
                            <asp:ListItem>Ragavendra Phani R</asp:ListItem>
                        </asp:ListBox>
                    </td>
                    <td>
                        <asp:ListBox ID="lstbx2" runat="server" CssClass="lstbx2"></asp:ListBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnadd" runat="server" Text="Add" OnClientClick="Move_Elements();" />
                    </td>
                    <td>
                        <asp:Button ID="btnremove" runat="server" Text="Remove" OnClientClick="" />
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>

