title: Fahrenheit to celsius
body: <p>How's it going I'm trying to change this web app that i built from a tutorial from Fahrenheit to celsius probably very easy but I'm a noob when it comes to coding so be nice with me :). </p>
  
  <p>I've searched high and low and a few sites I've come across said change the query in the API url and thats worked fro them. This is taken from the API documentation itself <strong>(The API request may optionally be modified through the use of query parameters. It will respond to the following)</strong> by adding this <strong>?units=si</strong> to the url query it should work but it doesn't work for me I've tried to do it so many different ways so I'm lost to be honest any help would be great to try and figure this out thank you.</p>
  
  <p></p>
  
  <p>
      </p>
  
  <pre><code>    &lt;title&gt; Good Weather&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="themes/myTheme.css" /&gt;
  
  
      &lt;script src="jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt; 
      &lt;link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /&gt;
      &lt;link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /&gt;
  
      &lt;script type="text/javascript"&gt;
  
          var icons = {"clear-day" : "B",
                       "clear-night" : "C",
                       "rain" : "R",
                       "snow" : "G",
                       "sleet" : "X",
                       "wind" : "S",
                       "fog" : "N",
                       "cloudy" : "Y",
                       "partly-cloudy-day" : "H",
                       "partly-cloudy-night" : "I"
  
          };
  
          var cities={
                  "new york"      : {coords: {latitude: 40.672060, longitude:-73.983898}},
                  "los angeles"   : {coords: {latitude: 34.101422, longitude:-118.341224}},
                  "chicago"       : {coords: {latitude: 41.879003, longitude:-87.63675}},
                  "san francisco" : {coords: {latitude: 37.788531, longitude:-122.407237}},
                  "miami"         : {coords: {latitude: 25.790176, longitude:-80.140133}},
                  "dublin"         : {coords: {latitude: 53.344104, longitude:-6.2674937}},
                  "cork"         : {coords: {latitude: 51.8978719, longitude:-8.4710874}},
                  "galway"         : {coords: {latitude: 53.2737969, longitude:-9.0517799}},
                  "current location" : ""
  
          };
  
  
          function loadWeather(cityCoords){
  
              console.log(cityCoords);
  
              var latlng = cityCoords.coords.latitude + "," + cityCoords.coords.longitude;
  
                   var forecastURL = "https://api.forecast.io/forecast/APIKEY/"+ latlng;
  
                   $.ajax({
                      url: forecastURL,
  
                      jsonpCallback: 'jsonCallback',
  
                      contentType: "application/json",
                      dataType: "jsonp",
                      success: function(json){
                              console.log(json);
  
                              $("#current_temp").html(Math.round(json.currently.temperature)+"&amp;#176;F");
                              $("#current_temp1").html(Math.round(json.currently.temperature)+"&amp;#8451;");
                              $("#current_summary").html(json.currently.summary);
                              $("#current_temp").attr("data-icon",icons[json.currently.icon]);
  
                      },
                      error: function(e){
                              console.log(e.message);
                      }
                  });
          }
  
          function loadCity(city){
                  $("#location").html(city);
  
                  if(city.toLowerCase()== "current location"){
                      if(navigator.geolocation)   
                      navigator.geolocation.getCurrentPosition(loadWeather, loadDefault);
  
                      else{
                              loadDefaultCity();
                      }
  
                  }else{
                          loadWeather(cities[city.toLowerCase()]);
                  }
          }
  
          function loadDefaultCity(){
                  loadCity("Dublin");
          }
  
          $(document).ready(function(){
          loadCity("Dublin");
  
          $("a.city").bind("click",function(){
              loadCity($(this).html());
          });
      });
  
  
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div data-role="page"&gt;
          &lt;div data-role="panel" id="left-panel" data-theme="d"&gt;
          &lt;ul data-role="listview" data-theme="d"&gt;
  
              &lt;li data-icon="delete"&gt;&lt;a href="#" data-rel="close"&gt;close&lt;/a&gt;&lt;/li&gt;
  
              &lt;li data-role="list-divider"&gt;Select a City&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Current Location&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Cork&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Chicago&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Dublin&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Galway&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Los Angeles&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;Miami&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;New York&lt;/a&gt;&lt;/li&gt;
              &lt;li &gt;&lt;a href="#" class="city" data-rel="close"&gt;San Francisco&lt;/a&gt;&lt;/li&gt;
  
  
          &lt;/ul&gt;
              &lt;!-- panel content goes here --&gt;
          &lt;/div&gt;&lt;!-- /panel --&gt;
  
          &lt;div data-role="header" data-position="fixed" data-theme="d"&gt;
          &lt;h1&gt;Weather&lt;/h1&gt;
          &lt;a href="#left-panel" data-icon="bars" data-role="button" data-iconpos="notext"&gt;Close&lt;/a&gt;
  
          &lt;/div&gt;
  
          &lt;div data-role="content" class="content"&gt; 
                  &lt;h1 id="current_temp" class="icon" data-icon="B"&gt;65&amp;#176;F&lt;/h1&gt;
                  &lt;h1 id="current_temp1" class="icon" data-icon="B"&gt;65&amp;#8451;&lt;/h1&gt;
                  &lt;p id="current_summary"&gt;Partly Cloudy&lt;/p&gt;
                  &lt;p id="location"&gt;Current Location&lt;/p&gt;
  
          &lt;/div&gt;
  
  
  &lt;/body&gt; 
  </code></pre>
  
  <p></p>