Локальное хранилище HTML5 - входы и параметры выбора не будут сохранены

Question

Есть ли способ сохранить входные значения и выбранные параметры при использовании localStorage?

<div id="my_div">   
    <select>
        <option selected="selected">Test 1</option>
        <option>Test 2</option>
        <option>Test 3</option>
        <option>Test 4</option>
    </select> 
    <input type="text" value="test5"> 
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">   </script>
<script> 
    $(function() {    
        var edit = document.getElementById('my_div');
        $(edit).click(function() {
        localStorage.setItem('my_data1', this.innerHTML);
    });

    // when the page loads
    if ( localStorage.getItem('my_data1') ) {
        edit.innerHTML = localStorage.getItem('my_data1'); 
    }
});
</script>

Мне кажется, я решил проблему с помощью опции:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
    $(function() {
        var edit = document.getElementById('my_div');
        $(edit).click(function() {
            $('option').removeClass('testing');
            $('option:selected').addClass('testing');
        });
        localStorage.setItem('my_data1', this.innerHTML);
    });

    // when the page loads
    if ( localStorage.getItem('my_data1') ) {
        edit.innerHTML = localStorage.getItem('my_data1'); 
        $('.testing').attr('selected','selected');
    }  
});
</script>

Это моё решение проблемы стоимости:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>  
    $(function() {    
        var edit = document.getElementById('my_div');
        $(edit).click(function() {
            $('option').removeClass('testing');
            $('option:selected').addClass('testing');
        });
        $('input').each(function() {
            var testing2 = $(this).val();
            $(this).attr('myownattr',testing2);
        });

        localStorage.setItem('my_data1', this.innerHTML);
    });

    // when the page loads
    if ( localStorage.getItem('my_data1') ) {
        edit.innerHTML = localStorage.getItem('my_data1'); 
        $('.testing').attr('selected','selected');  
        $('input').each(function() {
            var testing2 = $(this).attr('myownattr');
            $(this).val(testing2);
        });
    }
});
</script>

Пожалуйста, предоставьте мне другое решение, если можете! Должен быть лучший способ?