Button disable and enable not working in Jquery

Question

I have a Jquery for click a button to add items to list.here I need to disable the button after click on it and after success it will be enable.here is my Code

$(".addtowishlist").live("click", function (e) {
        var t = $(this);
        $('<img src="/images/loading.gif" alt="loading" id="ajax-loader-wish"/>').insertAfter(t);
        $("#simplemodal-overlay").unbind("click");
        var n = t.parent().find("select[name='code']").val();

        var i = t.parent().find("input:hidden[name='account']").val();
        var s = t.parent().find("input:hidden[name='itemname']").val();
        var o = t.parent().find("input:hidden[name='itemnumber']").val();
        var u = (new URI).addQuery("code", n).addQuery("qty", 0).addQuery("addtowishlist", true).addQuery("account", i).addQuery("itemname", s).addQuery("itemnumber", o);
        $.ajax({
            url: u,
            type: "GET",
            success: function (e) {
                t.closest(".innerwishlist").hide();
                $(".wishlistThankYou").show()
            }
        });
        return false
    });

I tried

$(".addtowishlist").attr('disabled', 'disabled'); 
and code for enable 

 $(".addtowishlist").attr('disabled', ''); 

its works and disable the button but it doesn't enable the button after success. anybody help ?

Answer 1

It is recommended to use .prop instead:

$(".addtowishlist").prop('disabled', true); 
$(".addtowishlist").prop('disabled', false); 

Or if you use old version of jQuery, use $(".addtowishlist").removeAttr("disabled"); to remove the attribute.

Answer 2

$(".addtowishlist").attr('disabled', true); 
and code for enable 

 $(".addtowishlist").attr('disabled', false);