<div class="bg-dark rounded padding-x4">
            @*This form will be used to send messages. Use Jquery to run Api to send messages*@
            <form>
                <textarea placeholder="Send a new message..." id="messageToBeSent" rows="6" cols="100"></textarea>
                <button data-message-id="@Model.Messages.MessageID" class="btn btn-primary" id="sendMessage">Send Message</button>
            </form>
        </div>

[HttpPost]
        public IHttpActionResult SendMessages(int MessageID)
        {
            //Add a message to MessageReply table

            return Ok();
        }

<script>
        $(document).ready(function () {
            $("#sendMessage").on("click", function (e) {
                e.preventDefault();
                var button = $(this);
                $.ajax({
                    url: "/api/messages/" + button.attr("data-message-id"),
                    method: "SendMessages",
                    success: function (data) {

                    }
                });
             });
        });

    </script>

$.ajax({
    url: "/api/messages/" + button.attr("data-message-id"),
    method: "POST",
    success: function (data) {

    }
});