JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<table id="myTableFac">
<tr id="100" data-row-id="1">
<td align="center">611000</td>
<td align="center">Regular</td>
<td align="center"><input type="checkbox" name="idc_100" id="idc_100" value="true" data-rowid="1" /></td>
<td align="center"><input type="text" name="agencybudgetedamount" id="agencybudgeted_100" value="0" data-rowid="1" disabled/></td>
<td align="center"><input type="text" name="pibudgeted" id="pibudgeted_100" value="0" data-rowid="1" disabled/></td>
<td align="center"><input type="text" name="PI Adjusted Budget" width="5" id="adjustedBudget_100" data-rowid="1" /></td>
<td class="style1"><input type="text" name="Comments" id="comments_100" size="15" data-rowid="1" /></td>
<td><button type='button' class="addRegularFac">+</button></td>
</tr>
</table>
JavaScript
$('#myTableFac input').each(function (index, input) {
alert(input.id + " " + input.name + " " + input.value + " " + $(input).data("rowid")) ;
});