How can I "remove" the disabled attribute on click?
<p>I couldn't quite get it to work properly. I'm trying to remove the disabled attribute on click so that I can edit it.</p>

<p>My jQuery:</p>

<pre><code>$('#edit-credentials').click(function() { 
    $('#credentials :input').prop("disabled", !$('#credentials:input').prop("disabled")) 
});
</code></pre>

<p>HTML: </p>

<pre><code>&lt;a id="edit-credentials" onclick="return false;" href="#"&gt;edit&lt;/a&gt;

&lt;div id="credentials"&gt;
&lt;input disabled="disabled"&gt;
&lt;input disabled="disabled"&gt;
&lt;/div&gt;
</code></pre>
