diff --git a/css/style.css b/css/style.css
index 96445a6..42ec2d5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1 +1,21 @@
 /* Custom CSS goes here */
+body{
+  height: 100vh;
+}
+
+.col-md-offset-4{
+  text-align: center;
+}
+
+h1{
+  margin: 35px auto;
+  font-size: 45px;
+}
+
+.row, p{
+  padding: 10px;
+};
+
+main{
+  color: red;
+}
diff --git a/index.html b/index.html
index 33c1580..5e982ce 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="utf-8">
     <title>Mini Weather App</title>
-    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
   </head>
   <body>
     <main class="weather-app container">
@@ -14,7 +14,7 @@
           <h1 class="title">Weather App</h1>
           <form class="getWeatherData">
             <input type="text" class="weather-city" placeholder="Enter a city.."/>
-            <input type="submit" value="Get Weather">
+            <input type="submit" class="submission" value="Get Weather">
             <p class="city-error" style="display:none;">Whoops! Looks like that city doesn't exist, try another one.</p>
           </form>
         </div>
@@ -23,6 +23,7 @@ <h1 class="title">Weather App</h1>
       <div class="row">
         <div class="col-md-4 col-md-offset-4 results">
 
+          <span class="flag-icon flag-icon-gr flag-icon-squared"></span>
           <h2 class="results-city"></h2>
 
 
diff --git a/js/main.js b/js/main.js
index da8a934..c781851 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1 +1,84 @@
 /* Javascript goes here! */
+console.log('Sanity Check');
+
+var mapURL;
+var toF;
+var thisMap;
+
+$('.weather-app').css('background-color', 'rgba(255,255,255,.5)');
+
+$(document).ready(function(){
+  //Initialized description
+  $('.description').append("<strong>Condition Outside:</strong> ");
+
+  $('.submission').click(function(event){
+    event.preventDefault();
+  });
+
+  $('.submission').on('click', function(){
+    var userInput = $('.weather-city').val();
+    requestWeatherData(userInput);
+    console.log(userInput);
+  });
+});
+
+function requestWeatherData(cityName){
+  //AJAX request based on user input
+  $.ajax({
+    method: 'GET',
+    url: 'https://api.openweathermap.org/data/2.5/weather',
+    dataType:'json' ,
+    data: 'q=' + cityName + '&APPID=461bf158b2034c572293a7dfe13219a2',
+    success: onSuccess,
+    error: onError
+  });
+};
+
+function onSuccess(weatherData){
+  $('.results').css('display', 'block');
+  $('.results-city').empty();
+  $('.temperature').empty();
+  $('.humidity').empty();
+  $('.description').empty();
+  $('.flag-icon').empty();
+  $('.city-error').css('display', 'none');
+
+  var toF = parseInt(((((weatherData.main.temp)-273.15)*1.8)+32));
+  console.dir(toF);
+  $('.results-city').append(weatherData.name + ", " + weatherData.sys.country);
+  $('.temperature').append(toF + '°');
+  $('.humidity').append(weatherData.main.humidity);
+  $('.description').append("<strong>Condition Outside:</strong> " + weatherData.weather[0].main);
+  $('.flag-icon').append('<img src="../../../../flag-icon-css-master/flags/4x3/' + weatherData.sys.country + '.svg" style="width:304px;height:228px;">');
+  // mapURL =  getWeatherMap(weatherData.coord.lon, weatherData.coord.lat)
+  // console.log(mapURL);
+  // $('body').css("backgroundImage", mapURL);
+};
+
+function onError(){
+  $('.results').css('display', 'none');
+
+  $('.city-error').css('display', 'inline-block');
+  $('.city-error').css('color', 'red');
+  console.log('dangit');
+};
+
+function getWeatherMap(x, y){
+  // thisMap = 'http://tile.openweathermap.org/map/clouds_new/' + '6' + '/' + x + '/' + y + '.png?appid=' + '461bf158b2034c572293a7dfe13219a2';
+  thisMap = 'http://tile.openweathermap.org/map/clouds_new/6/-97.74/30.37.png?appid=461bf158b2034c572293a7dfe13219a2'
+  console.log(thisMap)
+  $.ajax({
+    method: 'GET',
+    url: thisMap,
+    dataType:'json' ,
+    // data: 'q=' + cityName + '&APPID=461bf158b2034c572293a7dfe13219a2',
+    success: mapSuccess,
+    // error: onError
+  });
+  function mapSuccess(mapData){
+    console.log(mapData);
+    console.log("here");
+  };
+};
+
+getWeatherMap('-97.74', '30.37');
