JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
				  <textarea class="lb_text" rows="6" cols="50" placeholder="Add text here..."></textarea>
				</div>
<div class="container" style="margin-left:20px;margin-bottom:20px;">
		<div class="row">
			<label>
				<input type='checkbox'>&nbsp;&nbsp; ABC
			</label>
		</div>
		<div class="row">
			<label>
				<input type='checkbox'>&nbsp;&nbsp; XYZ
			</label>
		</div>
		<div class="row">
			<label>
				<input type='checkbox'>&nbsp;&nbsp; LMN
			</label>
		</div>
		<div class="row live_blog_textarea" style="margin-top:20px;">
			<input type="submit" class="btn btn-success btn-sm lb_save" value="submit">
		</div>

JavaScript

$(function(){
	$(".lb_save").click(function(){
		var lb_text = $('.lb_text').val();
		if(lb_text == '')
		{
			alert("Enter Some Text...");
			$('.lb_text').focus();
		}
		else
		{
			$.ajax({
				type: "POST",
				url: "index.php,
				data:{
					lb_text:lb_text,
					
				},
				success:function(response){
					alert('Live Blog successfully updated');
				}
			});
		}
		return false;
	});
});