Toggle text of a button on click Jquery

Question

I'm looking to toggle the text of a button on the click using jquery, But it is not working properly.

<asp:Button ID="btnedit" runat="server" Text="Edit" Visible="True"
                    CssClass="actButton" CausesValidation="False" OnClick="btnedit_Click" />

On client-side:

$("#<%= btnedit.ClientID %>").click(function (e) {    
    $(this).text(function (i, text) {
        return text === "Edit" ? "Cancel" : "Edit";
    });
});

Can someone please advise me how to solve this?

Answer 1

I isolated your problem and you could try using this.

JSFiddle demo

Try using val() instead.

$("#btnedit").click(function (e) {    
    $(this).val("Edit" ? "Cancel" : "Edit");
});

Answer 2

Your selector looks incorrect to me

 $("#<%= btnedit.ClientID %>")

should be

 $("#btnedit")