WebForm与JQuery交互，取不到值

我想实现如下效果:
选择一个checkbox，将该checkbox的value用JQ添加到<asp:Label ID="lblVal"中去，再点击按钮，将lblVal的值赋值到lblOutVal，然后存入数据库。居然添加不到，
<script src="JQuery1.5.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            
            var cbA = $("#cboA");
            var lblVa = $("#lblVal");
            cbA.click(function () {
                lblVa.append($(this).attr("value"));//这步执行成功后，页面能显示您选择的是A，查看源码却没有
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input id="cboA" type="checkbox"  value="您选择的是A" runat="server" />
    <hr />
    选择值:<asp:Label ID="lblVal" name="txtA" runat="server" Text=""></asp:Label><br />
    <input id="txtB" name="txtB" type="text" />
    <hr />
    <asp:Button ID="btnSendVal" runat="server" Text="获取值" onclick="btnSendVal_Click" />
    <asp:Label ID="lblOutVal" runat="server" Text=""></asp:Label>
    
    </form>
</body>
</html>
//cs.文件
protected void btnSendVal_Click(object sender, EventArgs e)
    {
        lblOutVal.Text = lblVal.Text;
    }