Problema con las cookies

Estoy haciendo una prueba de formulario y cookies, mi objetivo es guardar las cookies en valores y mostrarlos luego, pero no me hace eso sino que me muestra "nomre=paco,nombre=paco,nombre=paco" en vez de "nombre=paco,apellido=perez,edad=30", pero si hago el alert de document.cookie si me lo muestra bien, las funciones para tratar los datos son estas:

Código

function cookiesSaved(){
    var valor;
 
    //Añadir datos a las cookies
    valor = document.getElementById("nombre").value;
    document.cookie = "Nombre=" + valor;
 
    valor = document.getElementById("apellido").value;
    document.cookie = "Apellido=" + valor;
 
    valor = document.getElementById("edad").value;
    document.cookie = "Edad=" + valor;
}
 
function getValue(word){
    var inicio;
    var final;
    var dato;
    var cadena = document.cookie;
 
    //coger el valor inicial de la cadena
    inicio = cadena.indexOf(word,0);
 
    //coger la longitud de la cadena
    inicio = inicio.length;
 
    //coger la cadena completa
    final = cadena.indexOf(";",inicio);
 
    dato = cadena.substring(inicio,final);
 
    return dato;
}
 
function cookieLoad(){
    var nombre;
    var apellido;
    var edad;
    var cadena = document.cookie;
 
    //asignar los datos a la variable
    nombre = getValue("Nombre=");
    apellido = getValue("Apellido=");
    edad = getValue("Edad=");
 
    //asignar valor a variable
    cadenaHTML = nombre + "," + apellido + "," + edad;
 
    //introducir codigo en el id usuario
    document.getElementById("usuario").innerHTML = cadenaHTML;
    alert(cadena);
}