Grab row data with checkbox in last column

HTML

<table>
    <tbody>
    <tr>
          <td>1<td>
          <td>Name 1</td>
          <td>Description 1</td>
          <td><input type="checkbox" class="readRow" id="1" /></td>
    </tr>
    <tr>
          <td>2<td>
          <td>Name 2</td>
          <td>Description 2</td>
          <td><input type="checkbox" class="readRow" id="2" /></td>
    </tr>
    <tr>
          <td>3<td>
          <td>Name 3</td>
          <td>Description 3</td>
          <td><input type="checkbox" class="readRow" id="3" /></td>
    </tr>              
   </tbody>
</table>
<div id="RowData">
    <p>Data from you row you selected:</p>
    <p id="RowResult"></p>    
</div>

CSS

table tr td{padding:3px;}

JavaScript

//delete link clicked
$('input.readRow').click(function(){
    var clickedRowTds = $(this).parent().siblings();
  
    clickedRowTds.each(function(){
        var rowData = $(this).html().trim();
        $('p#RowResult').append(rowData + "<br />");
        
    });
});