Question

I have a table row that contains a link in it. I set the entire row to one link and in Chrome the row goes to the link I set it to and the child link takes the user to the correct link. in Firefox both the row and the child go to the link that is set on the row. How can I get this to be consistent in both Firefox and Chrome. I am setting the row to go to the link by using the following jquery

$('.table tbody tr, !a').click(function () {
    $.pjax({
        url: $(this).find('td a.row-click').attr('href'),
        container: '#update_panel'
    });
});

And the row’s html looks like this

<tr>
    <td>
        Main Tire Set
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireSets?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Sets</a>
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireBuilder?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Tire List</a>
    </td>
    <td>
        <a href="/Events/DeleteTireGroup?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6"><ins class="icon-remove"></ins></a>
    </td>
    <td style="display: none;">
        <a class="row-click" href="/Events/TireInfoListView?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Details</a>
    </td>
</tr>

Answer 1

I ended up having to check in the click function if it was a row. i.e.

$('.table tbody tr').click(function (event) {
    if (event.target.localName == 'td') {
        $.pjax({
            url: $(this).find('td a.row-click').attr('href'),
            container: '#update_panel'
        });
    }
});