Как выбрать второе слово с помощью jQuery и Regex ..?

Предполагая, что регулярное выражение является лучшим способ сделать это, я хотел бы выбрать первое слово:

<div class="name">Bob Marley</div>

и использовать его для замены второго слова в этом теге div:

<div class="message">Hey friend, how are you?</div>

Чтобы конечный результат был равен:

<div class="message">Hey Bob, how are you?</div>

Обновить

Это это смесь моего фактического кода здесь. Я заметил, что при его запуске он просто помещает текст jquery в мою текстовую область, а не выполняет функцию. Вероятно, это связано с тем, что я использую входные данные, которые требуют val (), а не текст в тегах div, как предлагают мои примеры выше.

 $(".me_signup .name").bind("mouseup keyup", function(){
   $(this).siblings('.message').text(function(i,txt) {
        var name = $(this).val().split(' ')[0];
        return txt.replace('friend', name);
    });
 });

Это создает текстовую область, в которой написано это

function (i, txt) {
    var name = $(this).val().split(" ")[0];
    return txt.replace("friend", name);
}