JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="text" id="TextBoxID1"/>
<input type="text" id="TextBoxID2"/>

JavaScript

//does not work
$("#TextBoxID1").attr("value","HI Value Change")
//work fine
$("#TextBoxID2").val("HI Value Change")