title: This code is working everywhere except in safari
body: <p>I have a jquery function when I click on a <code>td</code> the background should change to blue and the font color should change to white</p>
  
  <p>everything works in this jquery function except the .css part, but when I scroll down to the end and go back OR scroll up to the end and go back, it works!</p>
  
  <p>P.S this problem only in ios safari, everything is working just fine in android</p>
  
  <p>As you can see the selected seat appears below and disappear when you click again (js is working just fine but not .css part), check this :</p>
  
  <p><a href="https://drive.google.com/file/d/1759j144kVXTQtiwy-e9TU4WTmXuSnmhX/view?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/1759j144kVXTQtiwy-e9TU4WTmXuSnmhX/view?usp=sharing</a></p>
  
  <pre><code> $('td[class="seat"]').on('click', function() {
  $(this).css('background-color', '#0388d1');
  $(this).css('color', 'white');
  });
  </code></pre>