Editable Label: Convert Label to TextBox on click using Javascript and jQuery

Here I have created sample that will help you out.

HTML

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[id*=txtName]').hide();
            $("[id*=btnEdit]").click(function () {
                $('[id*=lblName]').hide();
                $('[id*=txtName]').val($('[id*=lblName]').html().trim());
                $('[id*=txtName]').show();
                return false;
            });
        });
    </script>
    Name:
    <asp:Label ID="lblName" Text="AspSnippets" runat="server" />
    <asp:TextBox ID="txtName" runat="server" />
    <br />
    <br />
    <asp:Button ID="btnEdit" Text="Edit" runat="server" />
</div>

Screenshot