kirsten/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Rules</title>
    </head>
    <body>
        <button id="change-color">Click me to change the page background color.</button>
    </body>
</html>

## popcode.json
{"enabledLibraries":["jquery"]}

## script.js
// When the button is clicked, use jQuery to...
// 1. Change the page background color (your color choice!)
// 2. Change the text inside the button to say "Thanks!"


## styles.css
body {
    background: gray;
    text-align: center;
}

#change-color {
    font-size: 18px;
    margin-top: 100px;
    padding: 30px;
    width: 300px;
    text-align: center;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>jQuery Rules</title>
	</head>
	<body>
	<button id="change-color">Click me to change the page background color.</button>
	</body>
	</html>
	// When the button is clicked, use jQuery to...
	// 1. Change the page background color (your color choice!)
	// 2. Change the text inside the button to say "Thanks!"
	body {
	background: gray;
	text-align: center;
	}

	#change-color {
	font-size: 18px;
	margin-top: 100px;
	padding: 30px;
	width: 300px;
	text-align: center;
	}