JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div class="cd-panel from-right" id="va">
    <header class="cd-panel-header" style="max-width: 600px;">
        <h1 style="margin-top: 5px;" id="panHeading"></h1>
    </header>
    <div class="cd-panel-container" style="max-width: 600px; width: 600px;">
    <div class="input-group">
       <div class="input-group-addon">
          <span class="glyphicon glyphicon-envelope"></span>
       </div>
       <div class="col-sm-10">
          <input name="RequestID" disabled="True" class="form-control input-sm custom-element-class" 
           id="RequestID" style="width: 520px; max-width: 520px;" type="text">
       </div>
    </div>
</div>
<div class="cd-panel from-right" id="VDA">
    <header class="cd-panel-header" style="max-width: 600px;">
        <h1 style="margin-top: 5px;" id="panHeading"></h1>
    </header>
    <div class="cd-panel-container" style="max-width: 600px; width: 600px;">
    <div class="input-group">
       <div class="input-group-addon">
          <span class="glyphicon glyphicon-envelope"></span>
       </div>
       <div class="col-sm-10">
          <input name="RequestID" disabled="True" class="form-control input-sm custom-element-class" 
           id="RequestID" style="width: 520px; max-width: 520px;" type="text">
       </div>
    </div>
    
</div>

JavaScript

var inputValue = prompt("Please enter a text for the input box", "default one :p");

$('.custom-element-class').val(inputValue);