Help In accessing Elements from Depth

Help In accessing Elements from Depth

i have php script that generates the page dynamically, the structure is like this

<div class="my_list>

<div class="contact no_1">

<div class="name">
<a href="asdasdas" class="f_name">binal</a>
<a href="asdasdas" class="l_name">patel</a>
</div>

<div class="addr">
<span class="f_addr">asdasdasdas</span>
<span class="l_addr">asdasdasda</span>
<span class="z_addr">11723</span>
<span class="c_addr">New York</span>
</div>

</div>


<div class="contact no_2">

<div class="name">
<a href="asdasdas" class="l_name">patel</a>
</div>

<div class="addr">
<span class="f_addr">asdasdasdas</span>
<span class="c_addr">New York</span>
</div>

</div>


</div>



Now i am using code like this to get all contcts

$(document).ready(function(){

$bl = $('.contact');

});

for(i=0; i<=$bl.length; i++){

// now here i need to get all info after getting the contact

First Name:
Last Name:
Add:
Zip:
City

how to get all this information , i tried a lot but i could not figure it out

so basically i need to get an  'a' tag that has f_name class and is a child of the contact class

}



please Help, i am stuck at this form last two days

Thax