Q:

JQuery how to fetch 2nd and 3rd TD content depend on 4th td click

Here the html markup having a table, i need to fetch td's content on click and save it into hidden field.
JS FIDDLE DEMO
Html Markup : 
<table>
    <tr style="color:#333333;background-color:#F7F6F3;" class="odd">
        <td style="width:70px;" class="  sorting_1">1</td>
        <td class=" "> <span id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_lblworkcategory">Customer Relations</span> 
        </td>
        <td>one</td>
        <td align="center" style="width:80px;" class=" ">
            <img atl="edit" style="border-width:0px;cursor:pointer" src="images/edt1.png" class="update_1" title="Edit" id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_Image1">
        </td>
        <td class=" "><a href="abc.aspx?id=1">View Details</a> 
        </td>
    </tr>
    <tr style="color:#333333;background-color:#F7F6F3;" class="odd">
        <td style="width:70px;" class="  sorting_1">2</td>
        <td class=" "> <span id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_lblworkcategory">Marketing </span>

        </td>
        <td>two</td>
        <td align="center" style="width:80px;" class=" ">
            <img atl="edit" style="border-width:0px;cursor:pointer" src="images/edt1.png" class="update_2" title="Edit" id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_Image1">
        </td>
        <td class=" "><a href="abc.aspx?id=3">View Details</a>

        </td>
    </tr>
    <tr style="color:#333333;background-color:#F7F6F3;" class="odd">
        <td style="width:70px;" class="  sorting_1">3</td>
        <td class=" "> <span id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_lblworkcategory">General</span>

        </td>
        <td>three</td>
        <td align="center" style="width:80px;" class=" ">
            <img atl="edit" style="border-width:0px;cursor:pointer" src="images/edt1.png" class="update_3" title="Edit" id="ctl00_ContentPlaceHolder1_gvworkcategory_ctl02_Image1">
        </td>
        <td class=" "><a href="abc.aspx?id=3">View Details</a>

        </td>
    </tr>
</table>
<input id="hdid" type="hidden" />
<input id="hdcol2" type="hidden" />
<input id="hdcol3" type="hidden" />

JavaScript:
$("img[class^='update_']").live('click', function (event) {
    var getId = $(this).attr("class")
    $("#hdid").val(getId);
    alert(getId)
});

A:

$(this).closest('tr').find('td').eq(1).text();

and
$(this).closest('tr').find('td').eq(2).text();

Demo -----> http://jsfiddle.net/bpGXp/19/
Updated One -----> http://jsfiddle.net/bpGXp/21/  (with no whitespace)

