title: CSS not effecting text within Javascript which is using API Open Weather Map
body: <p>Okay so I have setup a bit of Javascript using the API Open Weather Map.. so when it is below 10.C in Brecon, Wales, the page will say 'hello?'.</p>
  
  <p>Then in CSS I have styled the text so it should be red and 30px.. but this doesn't seem to be working? </p>
  
  <p>Here is my code..</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
          &lt;style&gt;
              /* RESERVATION PIECE */
              body {
                  color: red; 
                  font-size: 30px;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;script&gt;
              $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=Brecon,GB&amp;APPID=43990a6bc6681b5b8e5876a536514832",
              function(json){                 
                  var temperature = json.main.temp;
                  if (temperature &lt; 283.15) 
                  {
                      document.write('hello?');
                  }
              });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>