JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<table>
<input type="hidden" name="tierOneIndex"    id="tierOneIndex_1"        value="1">
<input type="hidden" name="tierTwoIndex"    id="tierTwoIndex_1"        value="2">
<input type="hidden" name="budgetItemIndex" id ="budgetItemIndex_1" value="3">
   
    <tr class="rows" id="1"><td>click Here</td></tr>
    </table>

JavaScript

$(document).ready(function(){
    
$("tr.rows").click(function() {
    var rowid=this.id; 
    
var tierOneIndex = $('#tierOneIndex_'+rowid).val();
var tierTwoIndex = $('#tierTwoIndex_'+rowid).val();
                     
var budgetItemIndex = $('#budgetItemIndex_'+rowid).val(); 
    console.log("tierOneIndex:"+tierOneIndex);
    console.log("tierTwoIndex:"+tierTwoIndex);
    console.log("budgetItemIndex:"+budgetItemIndex);
});
    
    });