document.ready() fires click only once
<p>I am trying to figure out reason why the <code>click()</code> is executed once when written in <code>document.ready()</code> function.</p>

<p>Here is what I did:</p>

<pre><code>$(document).ready(function() {

    $('td').click(function(){

        $('#xyz').html($(this).parent().index());  // here div gets filled with current rowIndex
    });

});
</code></pre>

<p><strong>When clicked on a table cell the div shows current row index. <em>But this happens only once, I want it to show this on every click</em></strong>.</p>

<p><strong>Here is the link to js.fiddle <a href="http://jsfiddle.net/XZtLz/7/" rel="nofollow">Click Me</a>
If any cell of row is Clicked, it executes click only once..</strong></p>
