jQuery load() method return a blank or null element permenantly

When I run my code the part of page containing this #scroll element becomes blank. I have tested various elements and the results are always the same. Any suggestions?

$("#scroll").load(" #scroll > *");

<div id="scroll" class="scrollable scrollable-y tabs-tab chatlist-parts active" data-filter-id="0" style="">
  <div class="chatlist-top">
    <ul class="chatlist" data-autonomous="0">
      <a class="chatlist-chat rp is-muted" href="#5621107071" data-peer-id="5621107071">
    </ul>
  </div>
</div>