jQueryを使用してinputで入力したテキストをブラウザバック or リロードした際に表示させたい

記述内容

HTML

<p>入力：<input type="text" name="test" size="40"></p>
<p><input type="submit" value="格納"></p>
<div class="add_txt"></div>

JavaScript

$(function(){
    $('input[type="submit"]').click(function(){
        let url = location.href;
        let target = $('input[name="test"]').val();
        history.pushState(target, '', url);
    })
});

$(window).load(function(){
    if ('pushState'in history) {
        $('.add_txt').text("前に入力したテキスト→"+history["state"]);
    }
});

※jQueryのバージョンは環境によって変更が必要かも。

Github Repository