用editor.md 当编辑器， 当@一个会员。并在编辑器取的焦点。写了两个js函数。都不成功？

Question

地址：http://editor.md.ipandao.com/examples/simple.html

在html 这里此用editor.md

<div id="test-editor">
                <textarea id="id_body" name="body" style="display:none;"></textarea>
              </div>

想实现的功能，点击这里的回复Ta 把这亿nickname里的变量加上 @ 显示在编辑器里并取得焦点。

<span class="reply-jump reply" nickname="{{author}}">回复Ta</span>

js代码 1 editor.md 里取不到焦点，也没法把 @+用户名 加到编辑器里

$(function(){
    $('.reply-jump').on('click', function (e) {
        var nickname = $(this).data('nickname');
        //var parent = $(this).data('parent');
        
        var $textarea = $('#id_body');
        var mention = '@' + nickname + ' ' + $textarea.val();
        $textarea.focus();
        $textarea.val(mention);
    });
});

js代码 2 同样都不行

function reply() {
        var content = '@' + $(this).attr('data-nickname') + ' ';
        console.log(content);
        var $textarea = $('#id_body');
        $textarea.val(content).focus();
    }
    $('.reply-jump').on('click', reply);

不知道是哪里出了问题？
请各位朋友指导一下。谢谢。