hasclass jQuery if condition with css function

We have a div with id my_header and a button with id my_button.

With jQuery we create the following function:

When clicking on the button a function is executed in which we select the id my_header, if it has the class set-color we change the color of the div with id my_header with the css function to blue.

<html>
  <style>
    .set-color{color:red;}
  </style>
  <body>
    <div id="my_header" class="set-color">Hello</div>
    <button id="my_button">Change Color</button>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         /*
         When clicking on the button a function is executed in which we select the id my_header, 
         if it has the class set-color we change the color of the div with id my_header with the 
         css function to blue.
         */
         $('#my_button').click(function(){
         	if($('#my_header').hasClass('set-color')){
              $('#my_header').css('color', 'blue');
            }
         });
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>