JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<table>
    <tbody>
        <tr>
            <td>Bob</td>
            <td>Make-up</td>
        </tr>
        <tr>
            <td>Susan</td>
            <td>Make-up</td>
        </tr>
        <tr>
            <td>Charlie</td>
            <td>Photography</td>
        </tr>
        <tr>
            <td>Mike</td>
            <td>Lighting</td>
        </tr>
        <tr>
            <td>One-handed Tony</td>
            <td>Props</td>
        </tr>
    </tbody>
</table>

JavaScript

var arr = $('table').find( 'tbody' ).children( 'tr' ).map(function(){
        var $name = $(this).children(':first').html(),
            $role = $(this).children(':nth-child(2)').html(),
            result = {};
        result[$role] = $name;    

        return result;
    }).get();
console.log(arr);