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>

如果可以的话，请给我一个不同的解决方案！必须有更好的方法吗？