Comment form reply using laravel ajax

<script>

$(document).ready(function(){
// $('#replyid{{ $comment->user->id }}').click(function(){
$('.child_cmnt2').click(function(){
let uname = $(this).attr('uname');
let parentCommentid = $(this).attr('parentCommentid');
// alert(parentCommentid);
let addclass = 'addclass'+parentCommentid;
let addID = '#addclass'+parentCommentid;
let targetclass = '.comment-box'+parentCommentid;
let uid = $(this).attr('uid');
$(targetclass).attr('id', addclass);
$(addID).toggle();

let commentUserId = '@'+uname+': ';

$('#gg').click(function(){

});
});


$( '.commentsForm' ).on( 'submit', function(e) {
e.preventDefault();
var uname = $(this).find('input[name=uname]').val();
var parentCommentId = $(this).find('input[name=parentCommentId]').val();
var uid = $(this).find('input[name=uid]').val();
var msg = $(this).find('[name="comment_box"]').val();
$.ajax({

url: "{{route('replypk')}}",
type: 'POST',
data: {uname:uname, uid:uid, parentCommentId:parentCommentId, msg:msg, _token: '{{csrf_token()}}'},
success: function(data){
alert(data);
$('#load-data').html(data);
}

});
});




});


</script>

<div class="comment">
<div style="display: flex">
<a href="#" class="user_img">
@if ($comment->user->photo)
<img src="{{ asset( $comment->user->photo) }}"
alt=""/>
@else
<div class="shortnamevd"
style="width:35px;height: 35px;object-fit: cover;line-height: 40px; ">
{{ name_to_pic($comment->user->name) }}</div>
@endif
</a>
<div style="float:left">
<a href="{{ user_url($comment->user->slug) }}"
class="nm1"
style="width:100%">{{ $comment->user->name }}</a>
<span>{{ $comment->body }}



<div style="clear:both; overflow:hidden; margin:3px 0 5px 0">
<small style="display:block;float:left;width:auto;font-size: 10px;padding: 2px 11px 0 0;">
{{ \Carbon\Carbon::parse($comment->created_at)->diffForHumans() }}</small>
<button type="button"
class="child_cmnt2" uid="{{ $comment->user->id }}" 
uname="{{ $comment->user->name }}" parentCommentid="{{ $comment->id }}">Reply</button>
</div>


</span>
</div>
</div>
</div>





<div id="" style="display:none" class="comment-box{{ $comment->id }}">
<form class="commentsForm" action="{{route('replypk')}}" method="post">
<div data-box="">
<textarea class="form-control" name="comment_box" 
placeholder="Write your comment here" id="comment_box{{ $comment->user->id }}">

</textarea>
<input type="hidden" value="{{ $comment->user->id }}" name="uid" />
<input type="hidden" value="{{ $comment->user->name }}" name="uname" />
<input type="hidden" value="{{ $comment->id }}" name="parentCommentId" />

<button type="submit" class="data-child-comment submitreply" 
style="margin-top: 5px" commentUserId="{{ $comment->user->id }}" parentCommentId 
="{{ $comment->id }}">

Submit</button>
</div>
</form>
</div>