Как поставить курсор вне вставленного <span>

Я делаю WYSIWYG редактор. Когда нажимается кнопка я ищу выделенный текст и заменяю его на вместе с Bold например. После этого курсор у м еня находиться внутри и поэтому последующий текст выделаться жирным. Как мне этого избежать?

Я изменяю текст так:

$(document).ready(function () {
$(document).on("click", "#bold", function () {
    selected = window.getSelection && window.getSelection();
    if(selected){
        selRange = selected.getRangeAt(0);
        $("#notice").html(selRange);
        span = document.createElement('span');
        span.style.fontWeight = "bold";
        span.innerHTML = selected;
        selRange.deleteContents();
        selRange.insertNode(span);
    }
    else{
        $("#notice").show().delay(800).hide();
    }
});

});