Jquery回到以前的状态

Question

我遇到了jquery的.click功能问题。我想要一些数据，当我按下按钮它应该改变html。问题是，在更改html之后，它会循环回到之前的状态。我怎么能阻止它？

    $(document).ready(function(){       
    $.getJSON('http://api.openweathermap.org/data/2.5/weather?q=London&appid=9c7ff6051e83a1f812dc1207c4afe906&units=metric', function(asd){
     console.log('stage 1')              
             $("#button").click(function(){
                    console.log('stage 2')                  
                    $("#temp").text("la temperatura actual es: "+ asd.main.temp + " °C");
                    $("#temp-min").text("la temperatura minima es: " + asd.main.temp_min + " °C");
                    $("#temp-max").text("la temperatura maxima es: " + asd.main.temp_max + " °C");
                    $("#description").text("El cielo esta: " + asd.weather.main);
                    $("#wind").text("La velocidad del viento es de: " + asd.wind.speed + " Km/h");
                    $("#rain").text("La probabilidad de lluvia es de: ")
                    console.log('stage 3')                      
                    });
    });             
});

使其更清晰。我能够到达第3阶段＆＃39;但后来又回到了第1阶段＆＃39;