I've been self-learning for a couple of months and put [this](https://codepen.io/wilx2rt/pen/wrLZVQ?editors=0010) together for an online challenge on one of the platforms that I use.
I've managed to change the inner HTML of an element with Jquery on click, but can't figure out how to change it back to what it was on click again.

**How can I make it so that the first click on the .button changes the HTML one way and the sound click changes it back and the interaction can be repeated without reloading the page?**

```
// curent temp, day high and day low
  var temp = json.main.temp.toFixed(1);
  var tempLo = json.main.temp_min.toFixed(1);
  var tempHi = json.main.temp_max.toFixed(1);
  //temperatures converted to farenheit
  var tempF = (temp * (9 / 5) + 32).toFixed(1);
  var tempLoF = (tempLo * (9 / 5) + 32).toFixed(1);
  var tempHiF = (tempHi * (9 / 5) + 32).toFixed(1);
  //default temperature display in celcius on document ready
  $(".temp").html(temp + "&deg;C");
  $(".temp-low").html(tempLo + "&deg;C");
  $(".temp-high").html(tempHi + "&deg;C");

  $(".button").click(function(){
    $(".temp").html(tempF+ "&deg;F");
    $(".temp-low").html(tempLoF+ "&deg;F");
    $(".temp-high").html(tempHiF+ "&deg;F");
  });

```

For more context, see the link above.