Load en bestemt div ved indlæsning

Hej

Jeg har denne html side:

<header>
<script src="jquery3.4.1.js"></script>
<link href="index.css" rel="stylesheet">
</header>
<div class="side">
<a href="#m1"Remarks</a>
<a href="#m2">Register</a>
<div class="target">
</div>
</div>
<div id="m1">Remarks</div>
<div id="m2">Register</div>
<script>
$(document).ready(function(){
    $('a').on('click',function(){
        var aID = $(this).attr('href');
        var elem = $(''+aID).html();
        $('.target').html(elem);
    });
});
</script>

og denne css

a{
    text-decoration:none;
    color:black;
}
.target{
    position: absolute;
    left: 1%;
    width:98%;
    height:400px;
    border:solid red 1px;
}
#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9{
    display:none;
}
.side{
  position: absolute;
  top: 80px;
  left: 1100px;
  width: 700px;
  height: 800px;
  border:solid navy 3px;
  overflow:auto;
}

Når jeg loader html siden, vil jeg gerne har at den loader div m1 i div target, det kan jeg ikke helt lige dreje, nogen som kan hjælpen ?