.find() jQuery not working in tables
<pre><code>&lt;tr id="&lt;?php echo $id?&gt;"&gt;
                        &lt;input type="hidden" value="&lt;?php echo $id?&gt;"/&gt;
                        &lt;td&gt; &lt;?php echo $id;?&gt; &lt;/td&gt;
                        &lt;td id="fname"&gt; &lt;?php echo $firstname[$key];?&gt; &lt;/td&gt;
                        &lt;td id="lname"&gt; &lt;?php echo $lastname[$key];?&gt; &lt;/td&gt;
                        &lt;td id="tage"&gt; &lt;?php echo $age[$key];?&gt; &lt;/td&gt;
                        &lt;/tr&gt;
</code></pre>

<p>jQuery: </p>

<pre><code>$('.edit').click (function(){
        var id = $(this).parent().data('id'); 
        var fname =  $('#id').find('#fname');
        alert(fname);
    });
</code></pre>

<p>Want to get the text inside <code>&lt;td&gt;</code></p>

<p>In alert it returns an object.
What am I doing wrong?</p>
