diff --git a/index.html b/index.html
index 9582524..4514d6f 100644
--- a/index.html
+++ b/index.html
@@ -26,5 +26,6 @@ <h1>CitiPix</h1>
 			</div>
 			
 			<script src="js/jquery-2.1.4.js"></script>
+			<script src="js/app.js"></script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
new file mode 100644
index 0000000..a8a096b
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,34 @@
+$(function(){
+
+	$("#submit-btn").click(function(event){
+	
+		var city = $("#city-type").val();
+
+		//if(!city.trim())
+		event.preventDefault();
+
+		if(city === "NYC" || city === "New York City" || city === "New York"){
+			$("body").attr("class", "nyc");
+		}
+
+		else if (city === "San Francisco" || city === "SF" || city === "Bay Area"){
+			$("body").attr("class", "sf");
+		}
+
+		else if (city === "Los Angeles" || city === "LA" || city === "LAX"){
+			$("body").attr("class", "la");
+		}
+
+		else if (city === "Austin" || city === "ATX"){
+			$("body").attr("class", "austin");
+		}
+
+		else if (city === "Sydney" || city === "SYD"){
+			$("body").attr("class", "sydney");
+		}
+
+		else
+			alert("Must enter a valid city!");
+	});
+
+});
\ No newline at end of file