JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
    <form class="btn-group like-status-form">
        id: <input type="text" class="form-control" name="id_user" id="id_user" data-user="1" value="1">
        <input type="text" class="form-control" name="id_status" id="id_status" data-status="100" value="100">
        <button type="submit" id="likestatus" class="btn btn-primary btn-outline btn-xs"><i class="fas fa-thumbs-up"></i></button>
        </form>
        
            <form class="btn-group like-status-form">
        id: <input type="text" class="form-control" name="id_user" id="id_user" data-user="2" value="2">
        <input type="text" class="form-control" name="id_status" id="id_status" data-status="200" value="200">
        <button type="submit" id="likestatus" class="btn btn-primary btn-outline btn-xs"><i class="fas fa-thumbs-up"></i></button>
        </form>

JavaScript

$(document).ready(function(){
    $(".like-status-form").submit(function(event){
    // Form get's submitted
    event.preventDefault();

		var id_user=$(this).find('[name="id_user"]').data('user');
    var id_status=$(this).find('[name="id_status"]').data('status');
   
    alert('Trigger server call for id_user ' + id_user + ' and id_status ' + id_status + ' now');
/*        $.ajax({
        url:'status/like-status.php',
        method:'POST',
        data:{
            id_user:id_user,
            id_status:id_status
            },
            success:function(response){
            alert(response);
            }
        });*/
    });
});