How to restore the html content after page reload?

I have the HTML content like the below:

<ul class="wpProQuiz_questionList" data-type="single" data-question_id="114">
    <li class="wpProQuiz_questionListItem" data-remember&gt;="" data-pos="0">
        <span style="display:none;">1. </span>
        <label>
            <input class="wpProQuiz_questionInput" type="radio" value="1" name="question_49_114">
            option 1
        </label>
    </li>
    <li class="wpProQuiz_questionListItem" data-remember&gt;="" data-pos="1">
        <label>
            <input class="wpProQuiz_questionInput" type="radio" value="2" name="question_49_114">
            option 2
        </label>
    </li>
    <li class="wpProQuiz_questionListItem" data-remember&gt;="" data-pos="2">
        <label>
            <input class="wpProQuiz_questionInput" type="radio" value="3" name="question_49_114">
            option 3
        </label>
    </li>
    <li class="wpProQuiz_questionListItem" data-remember&gt;="" data-pos="3">

I also have a next button which on clicking goes to the next li element and hides the previous one. Inside the li tag we have many options to select. I want to store all selected options and restore it after page reload and continue from where it was left.

via Chebli Mohamed