如何在选项卡刷新后加载新创建的(动态) jquery选项卡？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div id="tabs">
  <ul>
    <li><a href="#tab-1">选项卡1</a></li>
    <li><a href="#tab-2">选项卡2</a></li>
    <li><a href="#tab-3">选项卡3</a></li>
  </ul>
  <div id="tab-1">
    <!-- 选项卡1的内容 -->
  </div>
  <div id="tab-2">
    <!-- 选项卡2的内容 -->
  </div>
  <div id="tab-3">
    <!-- 选项卡3的内容 -->
  </div>
</div>

$(function() {
  $("#tabs").tabs();
});

$("#tabs").tabs("add", "new_tab.html", "新选项卡");

$.ajax({
  url: "data.php",
  success: function(data) {
    $("#tab-4").html(data);
  }
});