title: How do I place parts of SimpleWeather.js results into different Divs
body: <p>First and foremost I do not know javascript/jquery...still trying to learn. I am currently working on a project that displays the weather on a webpage using SimpleWeather.js. However, I would like the results (i.e. location, temperature, highs/lows, etc.) to display in different places on the page. For instance, I want the location to display in the top left of my window, and the current temperature in the middle left, in separate divs. Unfortunately, I cannot seem to separate the results: they all load together and cannot be placed into separate divs.</p>
  
  <p>I have my page set up like this:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="container"&gt;
          &lt;div id="top-header"&gt;
              &lt;h1 id="display-location"&gt;Location Here...&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="main-body"&gt;
          &lt;div id="current-weather-column"&gt;
              &lt;h2&gt;Current weather is gonna go here.&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="four-day-forecast-area" class="three-col"&gt;
          &lt;h2&gt;Rest of forecast/four-day forecast here...&lt;/h2&gt;
      &lt;/div&gt;
  
  &lt;script&gt;
  // Docs at http://simpleweatherjs.com
      $(document).ready(function() {
         $.simpleWeather({
              zipcode: '60605',
              woeid: '', //2357536
              location: '',
              unit: 'f',
              success: function(weather) {
                if(weather.temp &gt; 75) {
                  $('body').animate({backgroundColor: '#F7AC57'}, 1500);
                } else {
                  $('body').animate({backgroundColor: '#0091c2'}, 1500);
                }
                html = '&lt;h1 class="icon-'+weather.code+'"&gt;&lt;/h1&gt;';
                html += '&lt;h2 class="weather-temp"&gt;'+weather.temp+'&amp;deg;&lt;/h2&gt;';
                html += '&lt;ul&gt;&lt;li&gt;'+weather.city+', '+weather.region+'&lt;/li&gt;';
                html += '&lt;li class="currently"&gt;'+weather.currently+'&lt;/li&gt;&lt;/ul&gt;';
                //html += '&lt;li&gt;'+weather.tempAlt+'&amp;deg;C&lt;/li&gt;&lt;/ul&gt;';
  
                var timestamp = moment(weather.updated);
                html += '&lt;p class="updated"&gt;Updated '+moment(timestamp).fromNow()+'&lt;/p&gt;';
  
                $("#weather").html(html);
              },
              error: function(error) {
                $("#weather").html('&lt;p&gt;'+error+'&lt;/p&gt;');
              }
            });
          });
  
  &lt;!-- I then list the rest of the script which is fairly long. If needed, you can take a look at http://simpleweatherjs.com --&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Hopefully that makes sense. Any help you guys could give would mean a great deal to me. Thank you!</p>