JSFiddle - React, Tailwind, and code Playground

by MGames

HTML

<div class="shippingContactInfo">
    <div class="ch4_formRow afo single pickupLocation" style="display: block;">
      <div class="ch4_formField">
        <a href="#" class="ch4_help">
          <div class="ch4_toolTip">
            <div class="ch4_toolTipArrow"></div>
            This is where we’ll send your order confirmation.</div>
        </a>
        <label class="ch4_formLabel ch4-font-bold" id="shippingEmailField-label">
          Email<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="shippingEmailField" data-error-required="Please enter a valid email address" data-validate="email" name="email" value="[email protected]" class="ch4_formTextField" required="required" type="email" autocorrect="off"><input name="_D:email" value=" " type="hidden" autocorrect="off"></label>
      </div>
    </div>

    <div class="js-addDeliveryPhone showMore clickable addDeliveryNum">
        + Add Phone Number</div>
    <div class="ch4_formRow js-shippingPhone single  pickupLocation hidden" style="display: block;">
      <div class="ch4_formField">
        <label class="ch4_formLabel ch4-font-bold">
          Phone<input data-error-invalid="You have entered an invalid character." id="faxNumber" data-validate="phone" data-error-minlength="At least {0} characters are required" name="faxNumber" value="" class="ch4_formTextField" type="tel" autocorrect="off"><input name="_D:faxNumber" value=" " type="hidden" autocorrect="off"></label>
      </div>
    </div>
  </div>

JavaScript

$(".ch4_formTextField").val("emailTesting");