JSFiddle - React, Tailwind, and code Playground

by MGames

HTML

<div class="afo single pickupLocation ch4_formRow" style="display: block;">
	  <div class="ch4_formField">
      <label class="ch4_formLabel ch4-font-bold">
        First Name<span class="ch4_orange"> *</span>
        <input data-error-invalid="You have entered an invalid character." data-error-diacritical="You’ve entered an invalid character {0}. (Non-Latin characters aren’t allowed.)" id="fname" data-error-required="Please enter your first name." maxlength="35" data-validate="name" name="fname" data-error-blacklist="Blacklisted character" value="" class="ch4_formTextField js-firstName" required="required" type="text" autocorrect="off"><input name="_D:fname" value=" " type="hidden" autocorrect="off"></label>
	  </div>
	</div>

JavaScript

$("#fname").val("name goesdd here")
$(".ch4_formTextField.js-firstName").val("name goes here")