title: My whole div went disappear when I load my div using jquery
body: <p>I want to load just my div not the whole page.  Here Is my code.</p>
  <p>My whole HTML div disappears when I load my div using jquery.</p>
  <p>I'm using <code>$(&quot;.boxtopm&quot;).load(location.href + &quot; .boxtopm&quot;);</code> to reload my div.</p>
  <pre><code>function edit_revenue(val) {
    var id = val;
    var amount = $('#revenue_amount_' + id).val();
    $.ajax({
      type: 'post',
      url: '{{route('edit_revenue')}}',
      data: {
        &quot;_token&quot;: &quot;{{ csrf_token() }}&quot;,
        'id': id,
        'amount': amount
      },
      success: function(data) {
        $(&quot;.boxtopm&quot;).load(location.href + &quot; .boxtopm&quot;);
        $('.revnue_updated').removeClass('d-none');
        $(&quot;.revnue_updated&quot;).fadeOut(3000);
      }
    });
  };
  </code></pre>