title: Textarea is not editable (not readonly) in IE
body: <p>A minimal code that reproduces the problem is as follows:</p>
  
  <pre><code>&lt;div class="cell"&gt;
    &lt;input type="text" size=1&gt;
    &lt;textarea style="display:none;"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
    $('.cell input').focusin(function() {
      $(this).hide();
      $('.cell textarea').show().focus();
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>When the input element is clicked, it should be hidden and the textarea should be shown and focused. This works fine, but only in IE (even IE9) the textarea behaves like readonly, though it  is focusable and the readonly attribute is not set. When the textarea is clicked again, it becomes editable.</p>
  
  <p>Also I tried <code>select()</code> instead of <code>focus()</code>, as suggested in <a href="https://stackoverflow.com/questions/3764440/ie-readonly-textarea-problem">IE readonly textarea problem</a> but no difference in the result.</p>
  
  <p>What am I missing?</p>