JQuery select an element inside a td tag

See more:

Javascript

jQuery

selector

I am trying to show small image of width 250px by using jquery i tried to set the width of the image, in jquery i have use this command. here is my jqury code, even after giving this command image comes with its original size, i.e.600px etc etc...

my html td tag shows this value, but not affect the image. so any one tell how to set the size of image so that what ever its original weight and height but its shows the with of 250px.

<script language="javascript" type="text/javascript"      src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script> <script  language="javascript" type="text/javascript">
$(document).ready(function() {

 $("table td #n1WPQ4").css("width","250px")

 });
</script>

<table class="ms-formtable" border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody>
 <tr>
<td nowrap="" valign="top" width="190px" class="ms-formlabel">
<nobr>Picture</nobr>
</td>

<td valign="top" class="ms-formbody" width="400px" id="n1WPQ4" style="width: 250px;">

 <img src="http://img.dashtees.com/mini-gloves/pakistan/pakistan.03.jpg" alt=""> 
</td>
</tr>
<tr>
<td nowrap="" valign="top" width="190px" class="ms-formlabel">
<nobr>Name</nobr>
</td>
<td valign="top" class="ms-formbody" width="400px" id="n2WPQ4">
<a onfocus="OnLink(this)" href="http://sharepoint/_layouts/15/listform.aspx?  PageType=4&ListId={06ABE63D-FD6E-4EC6-A473-  CF648BE5B384}&ID=2&ContentTypeID=0x0100C0EFC789E8F94545923F62567A0C1A52"   önclick="EditLink2(this,7);return false;" target="_self">glove</a> </td></tr><tr><td nowrap=""  valign="top" width="190px" class="ms-formlabel"><nobr>Description</nobr></td><td valign="top"  class="ms-formbody" width="400px" id="n3WPQ4"><div dir="" class="ms-rtestate-field"></div> </td>  </tr><tr><td nowrap="" valign="top" width="190px" class="ms-formlabel"><nobr>Article</nobr></td><td valign="top" class="ms-formbody" width="400px" id="n4WPQ4"> </td></tr></tbody></table>