JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<div>
    <p> e-mail 1: <input save-to-cookie='cookie-name-1' type='email' name='email1' /> </p>
    <p> e-mail 2: <input save-to-cookie='cookie-name-2' type='email' name='email2' /> </p>
</div>

JavaScript

// Сохраняем значение в куках при его изменении
$('body').on('change', 'input[save-to-cookie]', function() {
    var element = $(this);
    var cookieName = element.attr('save-to-cookie');
    $.cookie(cookieName, element.val(), {expires: 360});
});

// При загрузке страницы пытаемся вытащить значения из кук
$(document).ready(function() {
    $('input[save-to-cookie]').each(function(){
        var element = $(this);
        if(!element.val()) {
            var cookieName = element.attr('save-to-cookie');
            var stored_value = $.cookie(cookieName);
            element.val(stored_value);
        }
    });
});