title: Converting jQuery easing code from ul li to table
body: <p>Here I have a jQuery easing in/out feature, and I was trying to convert it from ul li to table instead, it didn't work for me.</p>
  
  <pre><code>   $(document).ready(function(){
        $('.topnav li').find('a[href]').parent().each(function() {
          var li = $(this),
          a = li.find('a'),
          div = $('&lt;div&gt;' + '&lt;\/div&gt;');
  
          li.hover(function() {
          a.stop().animate({marginTop: '-135'}, 600, "easeOutBack");
        },
        function() {
          a.stop().animate({marginTop: '0'}, 500, "easeOutBack");
        })
        .append(div);
      });
    });
  </code></pre>
  
  <p>I'm wondering what changes do I have to make other than replacing my main ul class from <strong>.topnav li</strong> to <strong>.topnav tr td</strong></p>
  
  <p>I used this html before:</p>
  
  <pre><code> &lt;ul class="topnav"&gt;
      &lt;li&gt;&lt;a href="#"&gt;my link&lt;/a&gt;&lt;div&gt;hello&lt;/div&gt;&lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>then I changed it to table like this:</p>
  
  <pre><code>&lt;table class="topnav"&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;a href="#"&gt;my link&lt;/a&gt;&lt;div&gt;hello&lt;/div&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>but so far no luck. didn't work at all. Possibly there is something missing or something is wrong in the changes...</p>
  
  <p>Any idea?</p>