刷新Modal中的div

Question

我有一个带有两个div用户的模态可以通过单击第一个div上的按钮来添加项目但是当用户选择该项目时我想在第二个div中显示所选项目。我能够在数据库中插入所选项目，但我无法刷新第二个div。这样用户就可以看到他选择了哪个项目，这是我的jQuery代码

function PreCont(cont_id) { //THIS FUNCTION ADD ITEM IN DB{
  var nit = $('#contractor').val();
  $.ajax({
    url: 'data/add_pre_cont.php',
    type: 'post',
    data: {
      nit: nit,
      cont_id: cont_id,    
    },
    success: function() {
      display_pre_cont(nit); // HERE I AM TRYING TO REFRESH THE DIV BY CALLING A FUNCTION   
    },
    error: function() {},   
  });
}

此功能正在尝试显示数据

function display_pre_cont(nit) {
  $.ajax({
    url: 'data/pre_cont_modal.php',
    type: 'post',
    data: {
      nit:nit,
    },
    success: function(data) {
      $('#pre-contractor').html(data);  
    },
    error: function (data){},
  });
}

如果我刷新它我的代码工作正常我可以看到新项目

HTML代码

<div> // First Div
    <div class="table-responsive">
        <table id="myTable-item-order" class="table table-bordered table-hover table-striped">
          <thead><tr>
              <th width="5%"><center>Cate.</center></th>
              <th width="5%"><center>Enlist</center></th>
              <th width="41%"><center>Contractor Name</center></th>
              <th width="19%"><center>District</center></th>
              <th width="9%"><center></center></th>
          </tr>
              </thead>
              <tbody>
<?php foreach($valid_contractor as $v): ?>
<tr align="center">
       <td width="15%"><?= $v['category']; ?></td>
       <td><?= $v['reionno']; ?></td>
       <td align="left"><?= ucwords($v['contractorname']) ?></td>
       <td align="left"><?= ucwords($v['district']) ?></td>
       <td>
       <button onclick="PreCont('<?= $v['id']; ?>');" type="button" class="btn btn-success btn-xs">
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
       </button>
      </td>
     </tr>
         <?php endforeach; ?>
     </tbody>
    </table>
  </div>

第二部需要刷新

<div class="col-md-6" id="pre-contractor">
   <? require_once('modal/pre_cont_modal.php'); ?>
</div>