Changing the background of a <td> by firing a click event is not working
<p>I have a requirement hope i can get answer here.<br>
I am using a theme in my web application. That will style the Table as By the default table rows will have colors alternatively as shown below.  </p>

<p><img src="http://i.stack.imgur.com/Nz5Lr.png" alt="enter image description here"><br>
The color will be changed whenever i click on any of that Checkbox or radio buttons(Assumes we are clicking on checkbox means we are clicking on ).But if i change the property of checkbox programatically (with exclusive buttons), style is not effecting on that  as below.  </p>

<p><img src="http://i.stack.imgur.com/bna3X.png" alt="enter image description here"></p>

<p>for that i have written a code to manually fire  Click event. But it is not working.. Please someone help me. Below is my code.I can't paste HTML, Sorry.</p>

<pre><code>  $('TABLE TBODY TR TD INPUT').change(function() {     
       if($(this).prop('checked'))
       {
           S(this).parents('TD').click();
       }
  });     
</code></pre>
