刷新Bootstrap模式

Question

我在bootstrap模式中有一个bootstrap表单。我有2个依赖字段。因此，第二个字段下拉列表基于第一个字段值。

我想要做的是当我从第一个字段中选择值时，ajax请求触发并选择第二个字段的相关值。

此刻一切正常，但是在Ajax请求成功之后，我必须刷新页面并重新打开模式。

如何刷新模态的内容。

如下所示，成功之后，我必须刷新页面并重新触发模态。

这是我的jquery ajax。

$("#add-new-group").click(function(e) {
e.preventDefault();
//Create ajax request with the two paramaters
$.ajax({
    url: '/',
    type: 'POST',
    data: $("#new-group").serialize(),
    success: function(data, textStatus, jqXHR) {
        jQuery('#stock').load('/tasks/stock.php');
        $('#add-new-category-modal').modal('hide');
        jQuery('#stock').load('/tasks/stock.php',  function()  {
            $("#stock-settings").removeClass("collapse");
            $(".add-new-category").trigger("click");
        });
    },
    error: function(jqXHR, textStatus, errorThrown) {
        //Display error message to user
        alert("An error occured when saving the data");
      }
  }); // End ajax request
 }); // End on click event