title: html jquery ui bounce effect to a td text
body: <p>I am trying to add a baounce effect to a table  like:</p>
  
  <pre><code>$('#td-3').toggle( "bounce", 1000 );
  </code></pre>
  
  <p>But it is breaking my table design.
  Is there any way that td height should remain constant and only its text bounces.</p>
  
  <pre><code>&lt;input type="hidden" name="srno_0" id="srno-0"&gt;
  &lt;input type="hidden" name="srno_1" id="srno-1"&gt;
  &lt;input type="hidden" name="srno_2" id="srno-2"&gt;
  &lt;table&gt;
  &lt;tr id="tr-0" class="tr"&gt;
      &lt;td id="td-0-1"&gt;&lt;/td&gt;
      &lt;td id="td-0-2"&gt;&lt;/td&gt;
      &lt;td id="td-0-3"&gt;&lt;span&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;marquee id="td-0-5"&gt;&lt;/marquee&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr id="tr-1" class="tr"&gt;
      &lt;td id="td-1-1"&gt;&lt;/td&gt;
      &lt;td id="td-1-2"&gt;&lt;/td&gt;
      &lt;td id="td-1-3"&gt;&lt;span&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;marquee id="td-1-5"&gt;&lt;/marquee&gt;&lt;/td&gt;
  &lt;/tr&gt;...........
  &lt;/table&gt;
  </code></pre>
  
  <p>And ajax request which is automatically sending in every 10 seconds is:</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: "screen_ajax.php",
      data:dataString,
      dataType: 'json',
      success: function(result){
          $.each(result.tabledata, function( index, value ) {
              if (value['status'] == 1) {
                  $('#td-'+value['id']+'-2').html(value['no']);
                  $('#td-'+value['id']+'-3').html(value['type'] );
                  $('#td-'+value['id']+'-5').html(value['name']);
                 if ($('#srno-'+value['id']).val() != value['sr_no']) 
                   {
                      $('#td-'+value['id']+'-3').effect( "bounce", 1000 );
                  }
                  $('#srno-'+value['id']).val(value['sr_no']);
              }
          });
      }
   })
  </code></pre>