I'm having trouble finding the answer to this problem. I've searched around for 2 hours now and have only gotten to dead ends.

```
<table>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 1" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 2" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 3" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 4" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
</table>

```

All I would like to do is when the link is clicked, I would like to alert what the alt tag text is for the image only for that table row.

This is the code I currently have:

```
$('a.buttonStyle').click(function() {
    var thing = $('subClass1').siblings().attr('alt');
    alert(thing);
});

```