Untitled

<!DOCTYPE html>
<html>
<head>
	<script src="jquery-3.3.1.js"></script>
	<title>remove</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

</head>
<body>
		<div class="container">
			<div class="row mt-5">
				<div class="col-lg-6">
					<input placeholder="input-1" class="input-1 form-control" type="text" name="text" value="">
				</div>
				<div class="col-lg-6">
					<input placeholder="input-2" class="input-2 form-control" type="text" name="text" value="">
				</div>
				<div class="clearfix mb-5"></div>
				<div class="col-lg-6">
					<input placeholder="input-1" class="input-1 form-control" type="text" name="text" value="">
				</div>
				<div class="col-lg-6">
					<input placeholder="input-2" class="input-2 form-control" type="text" name="text" value="">
				</div>
				<div class="clearfix mb-5"></div>
				<div class="col-lg-6">
					<input placeholder="input-1" class="input-1 form-control" type="text" name="text" value="">
				</div>
				<div class="col-lg-6">
					<input placeholder="input-2" class="input-2 form-control" type="text" name="text" value="">
				</div>
			</div>
		</div>
	 <script type="text/javascript">
		$(document).on('keyup','.input-2',function(){
			// alert(123);
			textbox2 = $(this).val();
			// $(this).
			$(this).parent('.col-lg-6').prev('.col-lg-6').children('.input-1').val(textbox2);

		});
	 </script>
</body>
</html>