JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="location" name="location" data-geo="formatted_address" placeholder="Type Street Address" class="required" />
<input name="post_title" id="title" placeholder="Type Post Title" type="test" class="required" />
<hr />
<input type="text" id="location2" name="location 2" data-geo="formatted_address" placeholder="Copied Street Address" class="required" />
<input name="post_title2" id="title2" placeholder="Copied Post Title 2" type="test" class="required" />

JavaScript

$(document).ready(function () {
    // On 'blur' will update when you click off the field
    $('#location').on('blur', function(){
    	$('#location2').val($('#location').val());
    });
    
    // On 'keyup' will update after each key press
    $('#title').on('keyup', function(){
    	$('#title2').val($('#title').val());
    });
});