Javascript 删除现有div的内容无效

我有一个函数，可以从php获取数据，如果它收到“unauthorized”，它应该显示一个模式来解释可能的错误，并从div中删除任何内容。它基本上是这样做的，但代码仍然存在，因此有人可以查看源代码并读取其中的内容

#主要内容

以

display:hidden

开头，因此我认为它不会与我的代码一起出现

function callCharts() {
    $.ajax({
        url: 'all_data.php',
        type: 'GET',     
        success: function(data) {
            var check = data;

            if (check =='unauthorized') {
                $('#main_content').remove();
                // also have tried .empty and .html("")
                $('#unauthorized_modal').modal('show');
            }
            else {
                $('#main_content').css("display","inherit");
                console.log("authorized");
            }
        }
    });
}

相关HTML

 <div id="main_content" style="display:none;">
 <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <div class="block-flat" style="margin-bottom:10px; ">
        <div class="header">
          <h3 style="display:inline;">Data Overview</h3>
        </div>

      </div>
    </div>
  </div>
 </div>

数据概述

您需要将ajax功能放在这个

$( document ).ready(function() {
    callCharts();
});

---

您能同时向我们展示相关的HMTL吗？修改DOM不会影响源代码。请尝试在初始化时隐藏#main_内容，并在需要时显示authorized@RickHitchcock我想我知道这一点，但我正在寻找另一种选择。@imnancysun这就是我所拥有的。查看我刚才添加的HTML。