title: Similar jQuery functions to convert temperature; but one of them doesn't work
body: <p>I'm doing the Weather App project for <a href="https://www.freecodecamp.com" rel="nofollow noreferrer">FreeCodeCamp</a>. I have two similar jQuery functions that convert the temperature from Kelvin to Celcius and Kelvin to Fahrenheit. Here's the <a href="http://codepen.io/anishsana/pen/xRpeyp" rel="nofollow noreferrer">link to my CodePen</a>.</p>
  
  <p>When I click the Celcius icon, it converts the value and icon to Fahrenheit; but when I click the Fahrenheit button, it does nothing.</p>
  
  <p>The functions are as follows -</p>
  
  <pre><code>$("#c").click(function() {
    var fahrenheit = ((temp - 273.15) * 9 / 5) + 32;
    $("#temp").html(fahrenheit);
    $("#c").html(" &amp;deg;F");
    $("#c").attr("id", "f");
  });
  
  $("#f").click(function() {
    var celcius = temp - 273.15;
    $("#temp").html(celcius);
    $("#f").html(" &amp;deg;C");
    $("#f").attr("id", "c");
  });
  </code></pre>
  
  <p>I tried to debug the code step-by-step by printing the output to the console. I also checked if the <code>id</code> attribute is being changed as well. </p>
  
  <p>What could be going wrong here?</p>