Always use the
prop() method to enable or disable elements when using jQuery (see below for why).
In your case, it would be:
$('.inputDisabled').prop("disabled", false); // Element(s) are now enabled.
jsFiddle example here.
prop() when you could use
removeAttr() to do this?
prop() should be used when getting or setting properties (such as
required amongst others).
removeAttr(), you are completely removing the
disabled attribute itself - while
prop() is merely setting the property's underlying boolean value to false.
While what you want to do can be done using
removeAttr(), it doesn't mean it should be done (and can cause strange/problematic behaviour, as in this case).
The following extracts (taken from the jQuery documentation for prop()) explain these points in greater detail:
"The difference between attributes and properties can be important in
specific situations. Before jQuery 1.6, the
.attr() method sometimes
took property values into account when retrieving some attributes,
which could cause inconsistent behavior. As of jQuery 1.6, the
method provides a way to explicitly retrieve property values, while
.attr() retrieves attributes."
"Properties generally affect the dynamic state of a DOM element without
changing the serialized HTML attribute. Examples include the
property of input elements, the
disabled property of inputs and
buttons, or the
checked property of a checkbox. The
should be used to set
checked instead of the
.val() method should be used for getting and setting