title: JQuery - When I click the item but not change
body: <p>Here is the site: <a href="http://whatshot.hk/" rel="nofollow">http://whatshot.hk/</a></p>
  
  <p>I did a little JQuery code, when I click the "fire", that will plus 1.</p>
  
  <p>But don't know why, when I click the the fire of the end of the list, that never change immediately, but it work when I refresh. </p>
  
  <pre><code>$(document).ready(function () {
      // update good
      $(".fire").live('click', function (event) {
  
          var HOT = $(this).find(".fireNumber").attr("id");
          var addHOT = parseInt(HOT) + 1;
          var postID = $(this).attr("id");
  
          //$(this).find(".fireNumber").removeClass('fireNumber').addClass('fireNumbered');
  
          if (HOT) {
              $.ajax({
                  type: "POST",
                  dataType: "json",
                  url: "rating_process.php",
                  data: {
                      rating: addHOT,
                      postID: postID
                  },
                  cache: false,
                  success: function (data) {
                      if (data['status'] == 1) {
                          $('#' + postID).find(".fireNumber").html(addHOT);
                      } else if (data['status'] == 3) {
                          alert("è«‹å…ˆç™»å…¥");
                      } else {
                          alert("error");
                      }
                  }
              });
          } else {
              alert("error!");
          }
  
          return false;
          event.preventDefault();
      });
  });
  </code></pre>