Adding rows

I want to...add a row.

HTML

<table class="table table-bordered">
                                <thead>
                                    <tr>
                                      <th>Relation</th>
                                      <th>Column1</th>
                                      <th>Column2</th>
                                      <th>Column3</th>
                                      <th>Column4</th>
                                      <th>Column5</th>
                                    </tr>
                                </thead>
                                <tbody id = 'FamilyTable'>
                                   
                                </tbody>
                            </table>
                            
<button onclick ="AddRow()" type="button" class="btn btn-primary">Add</button>

JavaScript

function AddRow() 
    {
        var Row = '<tr>'.
                   '<td>Data</td>'.
                   '<td>Data</td>'.
                   '<td>Data</td>'.
                   '<td>Data</td>'.
                   '<td>Data</td>'.
                   '<td>Data</td>'.
                   '</tr>'; 

        $(Row).appendTo("#FamilyTable");    
    }