title: Jquery Ajax: Refreshing multiple divs with different id's
body: <p>I want to refresh the countdown timer of multiple items on my page. Each timer has the class "refresh-item". It works well with just one item, but if I've multiple items (that means different countdown timers also), it seems to only pick the latest id.</p>
  
  <p>This is my JQuery code:</p>
  
  <pre><code>function timeLeft()
  {   
      var data = $(".refresh-item").attr("data-content"); 
      var dataString = 'case=refresh_item&amp;' + data;
  
      $.ajax({
        type: "GET",
        url: "ajax.php",
        dataType: "html",
        data: dataString,
        success: function(result) 
          {   
            $(".refresh-item").html(result);
          }
      });
  }
  
  window.setInterval(function(){
      timeLeft();
  }, 1000);
  </code></pre>
  
  <p>Each item also has the attribute "data-content" where the specific id of an item is saved. How is it possible to select the specific id of a specific item (to show the individual countdown timer then)? </p>