title: How to add a class to td after ajax call
body: <p>I have this html structure:</p>
  
  <pre><code>&lt;th&gt;&lt;?php echo $decrypted_subscribers_name; ?&gt;&lt;/th&gt;
  &lt;td&gt;&lt;?php echo $decrypted_subscribers_email; ?&gt;&lt;/td&gt;
  &lt;td class="category"&gt;Offside&gt;&lt;/td&gt; 
  </code></pre>
  
  <p><code>&lt;td class="category"&gt;</code> has several values. When the value is <code>Offside</code>, i add a class to make it italic en red color:</p>
  
  <pre><code>// red color &amp; italic Offside category
  $('.category:contains("Offside")').closest('.category').addClass('text-danger font-italic'); 
  </code></pre>
  
  <p>When i do an ajax request and reload the div (in which all the <code>td's</code>), it does not add the class <code>text-danger font-italic</code> anymore. 
  So i added this line after the success in ajax:</p>
  
  <pre><code>$.ajax({
      url: "admin.php",
      method: "POST",
      data: {     
          file_id : file_id,
          category : category                             
      },
      success: function(data) {
          $('.result').html(data);            
          $(".subscribers-list").load(location.href + " .subscribers-list"); // reload subscribers-list div
  
      }
  
  }).done(function() {
    $('.category:contains("Offside")').closest('.category').addClass('text-danger font-italic');
  });
  </code></pre>
  
  <p>Unfortunately, it does not add the class <code>text-danger font-italic</code> to the td. </p>
  
  <p>What i am doing wrong?</p>