Получение слов, разделенных «/» с помощью регулярных выражений

У меня есть следующий фрагмент кода:

HTML

<div class="colors">
    <h1>Colors:</h1>

    <div class="recipe"></div>
</div>

<div class="numbers">
    <h1>Numbers:</h1>

    <div class="recipe"></div>
</div>

<div class="people">
    <h1>People:</h1>

    <div class="recipe"></div>
</div>

JavaScript

var colors = 'yellow / black / purple',
    numbers = '5 / 15 / 25',
    people = 'Brad Pitt / Leonardo DiCaprio / Anne Hathaway';

$('.colors .recipe').html(colors.replace(/(\w+)\/*/g, '<em>$1</em><br>'));

$('.numbers .recipe').html(numbers.replace(/(\w+)\/*/g, '<em>$1</em><br>'));

$('.people .recipe').html(people.replace(/(\w+)\/*/g, '<em>$1</em><br>'));

Отъезд в jsFiddle.

Я плохо разбираюсь в регулярном выражении, затем получаю неожиданные результаты при рендеринге разделенных значений в их соответствующих рецептах (вы можете увидеть больше о jsFiddle, вышедшем выше).

Я имею в виду, для меня показывают следующие результаты:

[...]

штифтик

Питт

/Леонардо

ДиКаприо

[...]

И я хочу и нужно это:

Брэд Питт

Леонардо Дикаприо

Без косых черт, без разделенных имен/фамилий.