javascript - onClick イベントで div を設定し、更新時にその div を再設定するデータを保存するにはどうすればよいですか?

Question

$('#submit').on('click',function(event){
        var timeIn = (document.getElementById("timeIn").value);
        var timeOut = (document.getElementById("timeOut").value);
        var aDate = (document.getElementById("datepicker").value);
        $('#timeIn').val(' ');
        $('#timeOut').val(' ');
        $('#datepicker').val(' ');
        $('.daysContain').find('div').eq(inArray.length-1).append('Time In: ' + timeOut);
        $('.daysContain').find('div').eq(outArray.length-1).append('Time Out: ' + timeIn);
        $('.daysContain').find('div').eq(weekArray.length-1).prepend(aDate);

});

従業員がプロジェクトに費やした時間を入力する方法を可能にする、オフィス内の「Project-Time」アプリケーションを作成中です。上記の js 関数は機能しますが、更新後にデータを保持する方法が必要です。私は正確なものを探しているのではなく、単に正しい方向へのプッシュが必要です (このハードルに対処しなければならなかったのはこれが初めてです)。良い提案は大歓迎です-