Quiero crear una visualización dinámica de datos de tipo de matriz utilizando el script java, html y jquery que se muestraaquí.

var reservations = [
    {"date":"22-12-2013","MCHC":"22","Pulse rate":"75","weight":"50" },
    {"date":"11-12-2013","CBC":"5"},
    {"date":"11-12-2013","weight":"55"}
];
var tbody = $('#reservations tbody'),
    props = ["date", "MCHC", "CBC", "Pulse rate", "weight"];

$.each(reservations, function(i, reservation) {
  var tr = $('<tr>');
  $.each(props, function(i, prop) {
       $('<td>').html(reservation[prop]).appendTo(tr);  
  });
  tbody.append(tr);
});

El problema es que el código funciona correctamente pero no muestra datos únicos según la fecha. Por ejemplo, como se muestra en el enlace anterior, "fecha: 11-12-2013" se repite dos veces, lo cual no quiero. Quiero mostrar datos únicos.

Mi salida deseada es: