Codemirror - Set Value

HTML

<script src="http://codemirror.net/lib/codemirror.js"></script>
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<script src="http://codemirror.net/mode/xml/xml.js"></script>
<br><br>
<input id="content" value="Type something ">
<br><br>
<button id="insert">Insert Value</button>

<br><br>

<textarea id="code" name="code">
<?xml version="1.0"?>
<catalog>
   <book id="bk101">
      <author>Gambardella, Matthew</author>
      <title>XML Developer's Guide</title>
      <genre>Computer</genre>
   </book>
</catalog>
</textarea>

CSS

.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}

JavaScript

$(document).ready(function() {     
    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        mode: "text/html",
        lineNumbers: true,
    });
            
    $("#content").on('input', function(){
    	var content = $("#content").val();
    	editor.setValue(content)
    });
});