Как из textarea принять данные в таблицу

var data = '[{id:"1",name:"Ivan",age:25,friends:5},{id:"2",name:"Maria",age:23,friends:10},{id:"3",name:"Alex",age:47,friends:3},{id:"4",name:"James",age:34,friends:12}]'; 
 
$('body').on('click', 'button', function() { 
  var realJSON = data.replace(/([\w]+):/g, '"$1":'); 
  var dataObj = JSON.parse(realJSON); 
  for(var i = 0; i < dataObj.length; i++) { 
    var row = '<tr><td>' + dataObj[i].id + '</td><td>' + dataObj[i].name + '</td><td>' + dataObj[i].age + '</td><td>' + dataObj[i].friends + '</td></tr>'; 
    $('table').append(row); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<button>Жми</button> 
<table border="1" rules="all"></table>