jQuery: Highlight Table Row on Checkbox Change Event
<p>I have the following table that contains checkboxes in each row. When checkbox status is changes (checked/unchecked), the corresponding row need to be highlighted  in yellow color. How can we achieve it using jQuery? </p>

<p>Note: I am using <strong>jQuery 1.4.1</strong>? "on" is not supported.</p>

<p>Note: I am trying to learn jQuery. Please do NOT suggest any third party plugin. I am trying to learn it though coding by hand.</p>

<pre><code>&lt;html&gt;
&lt;table class="commonGrid" cellspacing="0" id="detailContentPlaceholder_grdGarnishmentState"
style="border-collapse: collapse;"&gt;
&lt;thead&gt;
    &lt;tr&gt;
        &lt;th scope="col"&gt;
            &lt;a &gt;
                Country Code&lt;/a&gt;
        &lt;/th&gt;
        &lt;th scope="col"&gt;
            &lt;a &gt;
                State&lt;/a&gt;
        &lt;/th&gt;
        &lt;th scope="col"&gt;
            Independent Order Status
        &lt;/th&gt;
        &lt;th scope="col"&gt;
            Standard Order Status
        &lt;/th&gt;
    &lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
    &lt;tr&gt;
        &lt;td&gt;
            USA
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span id="detailContentPlaceholder_grdGarnishmentState_lblState_0"&gt;Alaska&lt;/span&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span class="independantOrder"&gt;
                &lt;input id="detailContentPlaceholder_grdGarnishmentState_chkIndependentOrderStatus_0"
                    type="checkbox" name="ctl00$detailContentPlaceholder$grdGarnishmentState$ctl02$chkIndependentOrderStatus"
                    checked="checked" /&gt;&lt;/span&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span class="standardOrder"&gt;
                &lt;input id="detailContentPlaceholder_grdGarnishmentState_chkStandardOrderStatus_0"
                    type="checkbox" name="ctl00$detailContentPlaceholder$grdGarnishmentState$ctl02$chkStandardOrderStatus"
                    checked="checked" /&gt;&lt;/span&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr style="background-color: #E5E5E5;"&gt;
        &lt;td&gt;
            USA
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span id="detailContentPlaceholder_grdGarnishmentState_lblState_1"&gt;Arkansas&lt;/span&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span class="independantOrder"&gt;
                &lt;input id="detailContentPlaceholder_grdGarnishmentState_chkIndependentOrderStatus_1"
                    type="checkbox" name="ctl00$detailContentPlaceholder$grdGarnishmentState$ctl03$chkIndependentOrderStatus" /&gt;&lt;/span&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;span class="standardOrder"&gt;
                &lt;input id="detailContentPlaceholder_grdGarnishmentState_chkStandardOrderStatus_1"
                    type="checkbox" name="ctl00$detailContentPlaceholder$grdGarnishmentState$ctl03$chkStandardOrderStatus"
                    checked="checked" /&gt;&lt;/span&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/html&gt;
</code></pre>
