if function not exectuiing

if function not exectuiing

Hello guy, I'm new here. My problem is i have a few functions on my <script tag> : a POST, GET and a function which is supposed to change a buttons text if the true condition is met. Everything works except for the if statement(the last function). I Have been trying to resolve it but no luck. It's not executing. Here is the code: 
  2. <!DOCTYPE html> 
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>demo</title>
  8.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  9.   <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
  10.   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>  
  11. </head>
  12. <body>
  13. <button id="b" type="button" class="btn btn-success"></button>
  14. <script>
  15. json = {
  16.                 "variations": {
  17.                     "data": [
  18.                         {
  19.                             "is_color": true,
  20.                             "items": [
  21.                                 {
  22.                                     "pk": 2,
  23.                                     "name": "Red",
  24.                                     "hex_code": "ff0000"
  25.                                 },
  26.                                 {
  27.                                     "pk": 1,
  28.                                     "name": "Black",
  29.                                     "hex_code": "000000"
  30.                                 }
  31.                             ],
  32.                             "name": "Color"
  33.                         },
  34.                         {
  35.                             "is_color": false,
  36.                             "items": [
  37.                                 {
  38.                                     "pk": 6,
  39.                                     "name": "Large (L)?",
  40.                                     "hex_code": null
  41.                                 }
  42.                             ],
  43.                             "name": "Size"
  44.                         }
  45.                     ],
  46.                         "check": true
  47.                     }
  48.             };
  49.             
  50.             console.log(json.variations.check);
  51.                 
  52.                // nothing down here is working
  53.                 if(json.variations.check){
  54.                     console.log("working ");
  55.                     $("#b").prop('value', 'Save');
  56.                     //$("#b").addClass('btn btn-warning');
  57.                 }
  58.                 console.log(json.variations.data);     
  59.         </script>
  60. </body>
  61. </html>