CodeMirror - вставлять текст в редактор, когда редакторов несколько

У меня на одной странице два редактора codemirror. Выпадающий список элементов и радиогруппа для выбора нужного редактора.

Что я хочу сделать, так это при изменении раскрывающегося списка вставить значение элемента в целевой редактор (удаленный радиогруппой).

мой код выглядит следующим образом: однако функция не работает. Когда я предупреждаю значение элемента и цель, я получаю ожидаемые результаты, однако функция вставки текста не работает:

<script type = "text/javascript"> 
    function editor(id) {
            var editor = CodeMirror.fromTextArea(id, {
                continuousScanning: 500,
                lineNumbers: true
            });
            editor.setSize(null, 550);
        }
    var config_id = document.getElementById('id_config')
    var config = editor(config_id);
    var remote_config_id = document.getElementById('id_remote_config')
    var remote_config = editor(remote_config_id);

    function insertStringInTemplate(str, target)    {
        if (target== "id_config") {
            var doc = config
        } else {
            var doc = remote_config
        }
            var cursor = doc.getCursor();
            var pos = {
                line: cursor.line,
                ch: cursor.ch
            }
            doc.replaceRange(str, pos);
        }

    $(function(){
        // bind change event to select
        $('#template_vars').on('change', function () {
            var var_data = $(this).val(); // get selected value
            var var_target = $('input[name=target]:checked').val();
            insertStringInTemplate(var_data, var_target)
            return false;
        });
    });
    $("#template_vars").chosen({no_results_text: "Oops, nothing found!"}); 
</script>