Resize function doesn't work

Question

When the page loads I need #book to take 80% width of the window, and the same need to happen when page is resized. I make the code bellow, but it doesn't work. Why?

<script type="text/javascript">
    $(document).ready(function(){
        $('#book').turn();
        $("#book").width = 80 + "%";
    });
    $(document).resize(function(){
        $('#book').css('width', '80%');
    });
</script>

Thanks!

Answer 1

$("#book").width = 80 + "%"; isn't correct JS/jQuery.

You can change it to either

$('#book').css('width', '80%'); 

or

$('#book').width('80%');

Also, use $(window).resize() instead of $(document).resize()