Как ввести несколько значений в локальное хранилище по словарю с помощью JavaScript?

В моем коде я обновлю значение, но не буду хранить новое значение. Предположим, мне нужно ввести какое-то значение в следующем формате:

{
   firstname:'kuldeep', 
   lastname:- 'patel'
}

Затем после ввода значения значение обновляется. Это значение хранится в localStorage. Однако я хочу добавить другое значение, например следующее:

{
   firstname: 'kuldeep',
   lastname: 'patel', 
   firstname:'abc', 
   lastname:'xyz',    
   firstname:'parth', 
   lastname:'pandy'
}

Вот мой код для ввода вышеуказанных данных:

$(document).ready(function(){
    $('.save').on('click',function(e){
        e.preventDefault();

        var data = {
            "Firstname": $('#name').val(),
            "Lastname": $('#lastname').val()
        };

        var saveData = JSON.stringify(data);

        if ( typeof(Storage) !== undefined ){
            localStorage.setItem("savedItem", saveData );
            document.write(savedItem);
        } else {
            alert('Storage is not available in your browser!');
            return false;
        }

    });