¿como pasar contenido de un Div a un input type hidden?

[vladisfc]

Hola buenas, os pongo en situacion.
Me gustaria utilizar este wysiwyg https://github.com/daviferreira/medium-editor en una web que estoy haciendo, pero me encuentro con 2 problemas, el primero es que no tengo apenas experiencia con Jquery, y el segundo problema es que ese wysiwyg como algunos otros, pues permiten hacer todos esos cambios de formato en el texto en un Div editable, pero no en un Textarea.
Asi que he pensado que pasando el contenido del div a un input type text hidden podria hacerse (aunque yo no he sido capaz)

Esto es lo que he intentando sin exito hacer con Jquery.

Código:

            $(document).ready(function() {

$('#body_editable').html($('#body_field').val());

$('#body_field').val(editor.serialize().body_editable.value);

$('#body_field').val($('#body_editable').html());
});
      </script>

Y esto el trozo de HTML del form

Código HTML:

form action="postear.php" method="post" id="paper_form">

    <div class="form-group titulo-escritor">
    
        <input autocomplete="off" type="text" class="form-control titulo-escritor" id="exampleInputEmail1" name="titulo" placeholder="Título...">  

    </div>


    <div id="body_editable" class="editable form-group">
    
 <input type="hidden" id="body_field" value="" />
    </div>
    <button type="submit" class="btn btn-default btn-bonito">Enviar</button>

</form> 

Muchas gracias por adelantado y un saludo.