title: How to transform HTML table to list with JQuery?
body: <p>How would I transform a table</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;Name&lt;/td&gt;
          &lt;td&gt;Price&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Name&lt;/td&gt;
          &lt;td&gt;Price&lt;/td&gt;
      &lt;/tr&gt;  
  &lt;/table&gt;
  </code></pre>
  
  <p>to a list of paragraphs with jQuery</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;p&gt;Name&lt;/p&gt;
          &lt;p&gt;Price&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;p&gt;Name&lt;/p&gt;
          &lt;p&gt;Price&lt;/p&gt;
      &lt;/li&gt;  
  &lt;/ul&gt;
  
  &lt;p&gt;&lt;a id="products-show-list"&gt;Toggle list view&lt;/a&gt;&lt;/p&gt;
  
  &lt;script type="text/javascript"&gt;
      $("#products-show-list").click(function(){...});
  &lt;/script&gt;
  </code></pre>