I have a mess of HTML TABLE tags and I am trying to use JQuery to drill down to a specific TD cell within all the generated TABLE's. The problem is I have JQuery getting the correct TD cell but its only getting the first cell in a series of TABLE's with the same structure.

Here is the JQuery that I am using that gets to the correct TD:

```
<script type="text/javascript">
    $(function ($) {
        $(".dataContent div table tbody tr td").first().css("background", "yellow");
    });
</script>

```

Here is the HTML structure simplified:

```
<td class="dataContent">
    <a href="#"></a>
    <div>
        <table>...</table>
        <div>
            <table cellspacing="0" cellpadding="0" style="border-width:0;">
                <tbody>
                    <tr>
                        <td><a href="#"><img /></a></td><!--this cell-->
                        <td><div>random cell</div></td>
                    </tr>
                </tbody>
            </table>
            <!--Generated Tables with same structure as the TABLE above-->
            <table></table>
            <table></table>
            <table></table>
            <table></table>
        </div>
    </div>
</td>

```

So I not only want to get the first cell in the first TABLE but also in all the generated TABLES below. Any help would be appreciated.