title: Put ordered list in a table row <tr>. Is it possible?
body: <p>I have here a sample code of putting an ordered list (1,2,3 ...):</p>
  
  <p>This is my JScipt:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
      $("ul").each(function() {
       $(this).find("li").each(function(count) {
          $(this)
            .css("list-style-type", "none")
            .prepend("&lt;div class='listnumber'&gt;" + (count + 1) + ".&lt;/div&gt;");
       });
    });
    })    
  &lt;/script&gt;
  </code></pre>
  
  <p>For the HTML, simple as this:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;CSS&lt;/li&gt;
    &lt;li&gt;CSS3&lt;/li&gt;
    &lt;li&gt;PHP&lt;/li&gt;
    &lt;li&gt;CakePHP&lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>For CSS:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
   .listnumber
   {
      display: inline-block;
      padding-right: 3px;
   }
  &lt;/style&gt;
  </code></pre>
  
  <p>Using: 1.9.1.js and this perfectly works. What I want is how to number all the data inside a table. Or how to put the tags <code>&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;</code> inside <code>&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;</code></p>
  
  <p>I have tried:</p>
  
  <pre><code>&lt;ul&gt; 
      &lt;li&gt;
        &lt;tr&gt;
          &lt;td&gt;
            CSS
          &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/li&gt;
  
     &lt;li&gt;
        &lt;tr&gt;
          &lt;td&gt;
            CSS3
          &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/li&gt;
  
     &lt;li&gt;
        &lt;tr&gt;
          &lt;td&gt;
            PHP
          &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/li&gt;
  
     &lt;li&gt;
        &lt;tr&gt;
          &lt;td&gt;
            CakePHP
          &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/li&gt;
  
    &lt;/ul&gt;
  </code></pre>
  
  <p>But the numbering did not work. Why is that? Letting me understand is another learning for me. Thanks in advance.</p>