Difference between $(window).width() vs $(document).width()

Question

What is the major difference between $(window).width() vs $(document).width() in jQuery? Whether window denotes the browser and document represents

Answer 1

Another important difference.

$(window).width(); is available before the document loads / is ready

$(document).width(); is only available after the document had loaded

So for the second, you need

$(document).ready(function() {
   var w = $(document).width();
});