Problem with displaying Hint

Problem with displaying Hint

Hi Experts,
i have a code like this
 
<td width="300px">
<input type="text" class="textbox" id="focusIn" /><span id="hint" style="display:none;">Testing</span>
</td>

 
 
if both the codes are in same TD under a TABLE, its working fine. But if i want to put the <span> content in next <td> its not working.
 
Please help me.
my script is
<script type="text/javascript">
$(document).ready(function()
  {
   $("#focusIn").focus(function()
   {
    $("#focusIn").next("#hint").css('display','inline').fadeOut(3000);
   });
  });





</script>