Media Queries in JavaScript (attempt)

media-queries.js

$(document).ready(function() {

	// THIS IS SO CONFUSING!
	
	if ($(window).width() >= 380) {
		
		// NEST!
		if ($(window).width() >= 680) {
			
			// NEST AGAIN!
			if ($(window).width() >= 768) {
				
				// LAST TIME!
				if ($(window).width() >= 1200) {
					
					// stuff for big screens
					console.log("up to BIG WINDOWS - >= 1200");
					
				}
				
				// stuff for tablet->laptop screens
				console.log("up to LAPTOP WINDOWS - >= 768");
				
			}
			
			// stuff for big phones and landscape
			console.log("up to BIG PHONE WINDOWS - >= 680");
			
		}
		
		// stuff for small phones and portrait
		console.log("up to SMALL PHONE WINDOWS - >= 380");
		
	}

});	// end doc ready