reload div

ini saya membuat live editable dengan jquery ajax data di database berhasil di edit tapi untuk perubahan data di tampilan table harus di reload manual saya sudah search di google tapi belum ketemu solusi

  <?php
 $title = "Barang";
 require_once '../template/header.php';
 require_once '../template/side_nav.php';
 $id = $_SESSION['id'];
 $query_barang = mysqli_query($koneksi, "SELECT * FROM barang WHERE id_penjual='$id'");
 ?>
 <div id="page-content-wrapper">
  <div class="container-fluid">
    <a href="" class="btn btn-secondary fa fa-bars" id="menu-toggle" style="margin-left:-20px;"></a>
    <table class="table table-bordered">
      <thead>
        <th>No</th>
        <th>Nama Barang</th>
        <th>Harga Satuan</th>
        <th>Stok</th>
        <th>Terjual</th>
        <th>Aksi</th>
      </thead>
      <tbody>
        <?php $no = 0; while ($data = mysqli_fetch_array($query_barang)) { $no++; ?>
          <tr>
            <td><?php echo $no ?></td>
            <td>
              <input type="text" class="id_barang<?php echo $data['id_barang'] ?>" name="id_barang" value="<?php echo $data['id_barang'] ?>" style="display:none;">
              <span id="nambar<?php echo $data['id_barang'] ?>"><?php echo $data['nama_barang'] ?></span>
              <input type="text" name="nama_barang" id="box-nama-barang<?php echo $data['id_barang'] ?>" class="form-control-d" value="<?php echo $data['nama_barang'] ?>" style="display:none;">
            </td>
            <td>
              <span id="harga<?php echo $data['id_barang'] ?>"><?php echo $data['harga_satuan'] ?></span>
              <input type="text" name="harga_satuan" id="box-harga-satuan<?php echo $data['id_barang'] ?>" class="form-control-d" value="<?php  echo $data['harga_satuan']?>" style="display:none;">
            </td>
            <td><?php echo $data['stok'] ?></td>
            <td><?php echo 0 ?></td>
            <td>
              <a id="<?php echo $data['id_barang']  ?>" class="btn btn-primary edit edit-baris<?php echo $data['id_barang'] ?>">Edit</a>
              <a id="<?php echo $data['id_barang'] ?>" class="btn btn-danger hapus hapus-baris<?php echo $data['id_barang'] ?>">hapus</a>
              <a id="<?php echo $data['id_barang'] ?>" class="btn btn-success  update update-baris<?php echo $data['id_barang'] ?>" style="display:none;">Save</a>
            </td>
          </tr>
        <?php } ?>
      </tbody>
    </table>
  </div>
 </div>
 <script>
   $(document).ready(function(){
     $('.edit').click(function(){
       var id = $(this).attr("id");
       $(".edit-baris"+id).fadeOut('normal');
       $(".hapus-baris"+id).fadeOut('normal');
       $(".update-baris"+id).fadeIn('normal');
       $("#nambar"+id).fadeOut('normal');
       $("#harga"+id).fadeOut('normal');
       $("#box-nama-barang"+id).fadeIn('normal');
       $("#box-harga-satuan"+id).fadeIn('normal');
     });

     $(".update").click(function(){
       var id = $(this).attr("id");
       var id_barang = $(".id_barang"+id).val();
       var nambar = $("input#box-nama-barang"+id).val();
       var harga = $("input#box-harga-satuan"+id).val();
       var trigger = "edit";
       $.ajax({
         type : "POST",
         url : "../function/proses_edit_barang.php",
         data : 'id_barang='+id_barang+ '&nama_barang='+nambar+'&harga_satuan='+harga,
         success : function(data){
           $(".edit-baris"+id).fadeIn('normal');
           $(".hapus-baris"+id).fadeIn('f');
           $(".update-baris"+id).fadeOut('normal');
           $("#nambar"+id).fadeIn('normal');
           $("#harga"+id).fadeIn('normal');
           $("#box-nama-barang"+id).fadeOut('normal');
           $("#box-harga-satuan"+id).fadeOut('normal');
           swal("","Berhasil","success");
         }
       });
     });

     $('#menu-toggle').click(function(e){
      e.preventDefault();
      $("#wrapper").toggleClass("toggled");
     });

   });

 </script>