title: How to make textarea with readonly=false editable?
body: <p>I have a form and a textarea field in it. I need to make it editable, and I don't know how.</p>
  
  <pre><code>&lt;textarea id="note" class="input" type="text" name="note"&gt;Suggest changes&lt;/textarea&gt;
  </code></pre>
  
  <p>When I inspect elements, its readonly attribute is already false, but it won't let me change anything.</p>
  
  <p>I've tried:</p>
  
  <pre><code>document.getElementsByTagName("textarea")[0].readonly = false;
  $("#note").prop('readonly', false);
  $("#note").removeAttr('readonly');
  </code></pre>
  
  <p>None of those help.</p>