Grab row content after clicking edit link

HTML

<table>
    <tbody>
    <tr>
        <td>1</td>
          <td>Name 1</td>
          <td>Description 1</td>
          <td><a href="#" class="edit">Edit</a></td>
    </tr>
    <tr>
           <td>2</td>
          <td>Name 2</td>
          <td>Description 2</td>
          <td><a href="#" class="edit">Edit</a></td>
    </tr>
    <tr>
           <td>3</td>
          <td>Name 3</td>
          <td>Description 3</td>
          <td><a href="#" class="edit">Edit</a></td>
    </tr>              
   </tbody>
</table>

CSS

table tr td{padding:3px;}

JavaScript

function doSomethingWithData(processedRowData){
    alert('send this selected row data to a control:  ' + processedRowData );    
}

$("a.edit").live('click',function(){
      var rowData = $(this).parent().siblings();
      var dataArray = [];
    $(rowData).each(function(){
        var rowValue = $(this).html();
        dataArray.push(rowValue);
    });
      doSomethingWithData(dataArray);
      return false;
});