Opacity Slider in HTML5/CSS3/JQuery

slider.html

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
            $('#range').change(function() {
                $('#page_contents').attr('style', 'opacity:' + $('#range').attr('value')/100);
            });
    });
</script>

<input id="range" type="range" max='100' min='0' value='100' />

<div id="page_contents">
    <h1>Page Contents</h1>
</div>