title: How do you update content in ckeditor5 from an ajax response
body: <p>ckeditor 5, v1.11.1</p>
  
  <p>I have initialised an editor as follows:</p>
  
  <pre><code>&lt;textarea name="content" id="editor"&gt;&lt;/textarea&gt;
  
  &lt;script&gt;
  ClassicEditor
      .create( document.querySelector( '#editor' ) )
      .then( editor =&gt; {
          console.log( editor );
      } )
      .catch( error =&gt; {
          console.error( error );
      } );
  &lt;/script&gt;
  </code></pre>
  
  <p>I am making an ajax call (via jquery) and attempting to populate the editor with the response:</p>
  
  <pre><code>&lt;script&gt;
      $(function() { 
          $.ajax({
              url: '/get-editor-data',
              method: 'get'
          }).done(function (response) {
              $('#editor').html(response.comment);
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The ajax request is running successfully and returning valid JSON:</p>
  
  <pre><code>{"comment":"foo"}
  </code></pre>
  
  <p>So the content "foo" should appear in the editor.</p>
  
  <p>But I'm getting an editor without any content in it.</p>
  
  <p>If I disable ckeditor - by commenting out the first block of js (<code>ClassicEditor...</code>) - so it's just a vanilla textarea the content is populated correctly.</p>
  
  <p>So how do I get the content in the editor in this way?</p>