How to make textarea with readonly=false editable?

Question

I have a form and a textarea field in it. I need to make it editable, and I don't know how.

<textarea id="note" class="input" type="text" name="note">Suggest changes</textarea>

When I inspect elements, its readonly attribute is already false, but it won't let me change anything.

I've tried:

document.getElementsByTagName("textarea")[0].readonly = false;
$("#note").prop('readonly', false);
$("#note").removeAttr('readonly');

None of those help.

Answer 1

The problem is here

document.getElementsByTagName("textarea")[0].readonly = false;

It should be

document.getElementsByTagName("textarea")[0].readOnly = "false";

Or also in your case

document.getElementById("note").readOnly = "false";

Answer 2

Try

$("#note").attr("readonly", false);