How to identify button click from array of buttons
<p>I have a table with 1 button in each row, on click of button tax shown in that row will be applied to the client and i need to show some indication to end user. I want to change the button css(color, txt ect.) on click for that purpose. Below is the code -</p>

<pre><code>&lt;table class="data report_table"&gt;       
                        &lt;tbody&gt;
                        &lt;c:forEach var="taxVO" items="${taxVo}" varStatus="item"&gt;
                        &lt;tr class="${item.index % 2 == 0 ? 'odd gradeX' : 'even gradeC'}"&gt;                          
                            &lt;td&gt;&lt;c:out value="${taxVO.taxName}" /&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;input type="button" class="btn-icon" value="Apply" id="applyTaxButton" onClick="applyTax('${taxVO.taxId}');"&gt;&lt;/input&gt;
                            &lt;/td&gt;   
                        &lt;/tr&gt;
                        &lt;/c:forEach&gt;
                        &lt;/tbody&gt;
                    &lt;/table&gt;
</code></pre>

<p>and jquery i am using is -</p>

<pre><code>function applyTax(taxIdValue)   {
    $('#taxId').val(taxIdValue);
    $(this).$('#applyTaxButton').css("background-color","yellow");
}
</code></pre>

<p>but i am getting error - Uncaught TypeError: Object [object Object] has no method '$'. Can someone please let me know how to fix it?</p>
