JSFiddle - React, Tailwind, and code Playground
HTML
<table style="border-style:solid;display: inline-block; ">
<tr>
<td>Person First Name</td>
<td>
<input type="text" id="searchPersonFName" />
</td>
</tr>
<tr>
<td>Person Last Name</td>
<td>
<input type="text" id="searchPersonLName" />
</td>
</tr>
<tr>
<td>Person Telephone Number</td>
<td>
<input type="text" id="searchPersonNumber" />
</td>
</tr>
<tr>
<td>Person Company Name</td>
<td>
<input type="text" id="searchPersonCompName" />
</td>
</tr>
<tr>
<td>Person Fax</td>
<td>
<input type="text" id="searchPersonFax" />
</td>
</tr>
<tr>
<td>Email Address</td>
<td>
<input type="text" id="searchPersonEmail" />
</td>
</tr>
<tr>
<td>Prov/State</td>
<td>
<input type="text" id="searchPersonProvState" />
</td>
</tr>
<tr>
<td>Postal Code</td>
<td>
<input type="text" id="searchPersonPostalCode" />
</td>
</tr>
<tr>
<td>City</td>
<td>
<input type="text" id="searchPersonCity" />
</td>
</tr>
<tr>
<td>Country</td>
<td>
<input type="text" id="searchPersonCountry" />
</td>
</tr>
</table>
<input type="button" id="btnSearchPerson" onclick="searchPerson()" value="Search Person" />
JavaScript
var company1Filter = {
FName: 'testFirst',
LName: 'LastTest',
Number: 2,
CompName: "Stupid Comany",
Fax: 6231234567
};
function searchPerson() {
jQuery('#searchPersonFName').val(company1Filter.FName);
jQuery('#searchPersonLName').val(company1Filter.LName);
jQuery('#searchPersonNumber').val(company1Filter.Number);
jQuery('#searchPersonCompName').val(company1Filter.CompName);
jQuery('#searchPersonFax').val(company1Filter.Fax);
}