Firing event for two times in a Table
<p>I am trying to fire parent  click event whenever an input change happens.
Below is my code, it is firing Click event for two times.  </p>

<pre><code>                  $('TABLE TBODY TR TD INPUT').change(function()
                  {
                   $(this).parents('TD').click();
                  });
                  $('TABLE TBODY TR TD').click(function()
                  {
                   alert("Clicked me...");
                  });
</code></pre>

<p>Here is my HTML Code  </p>

<pre><code>      &lt;table&gt;
      &lt;tr&gt;&lt;td&gt;foo&lt;input type="radio"&gt;&lt;/td&gt;&lt;td&gt;foo&lt;input type="checkbox"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;foo&lt;input type="radio"&gt;&lt;/td&gt;&lt;td&gt;foo&lt;input type="checkbox"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;foo&lt;input type="radio"&gt;&lt;/td&gt;&lt;td&gt;foo&lt;input type="checkbox"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
</code></pre>

<p>Where is the mistake...</p>
