Как я могу публиковать данные через jQuery Ajax на php?

Question

В чем ошибка в моем ajax? Я пытаюсь передать данные на страницу php, но мой код не работает? пожалуйста, помогите мне

$(document).ready(function(){
// inter first science


  $(".ifs").click(function(){

    $.ajax({
        type:"POST",
        url:"http://localhost/routine_ms/make_routine.php?day_id=1",
        dataType:"json",
        data:{cat_id:"working"}

    });
  });

мой php файл

    $cat_id;
if (empty($_POST["cat_id"])) {
$cat_id = "empty";
} else {
$cat_id = $_POST["cat_id"];
}

здесь поле для отображения результата.

                <div class="form-group">
              <div class="row">
                <label class="md-col-4 ml-4" for="student_category">Student Category:</label>
                <p class="md-col-4 ml-4  text-uppercase font-weight-bold">
                  <?php 
                       echo $cat_id;

                   ?>
                </p>

                <input type="hidden" name="student_cat" value="<?php

                ?>">                   
              </div>

            </div>

сейчас, это показывает результат пусто .