title: Javascript to turn an unordered list into multiple columns
body: <p>There doesn't seem to be an easy way in (well supported) css to do this. I'm looking for a javascript solution, preferably jQuery.</p>
  
  <p>I have an unordered list like this:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;A&lt;/li&gt;
      &lt;li&gt;B&lt;/li&gt;
      &lt;li&gt;C&lt;/li&gt;
      &lt;li&gt;D&lt;/li&gt;
      &lt;li&gt;E&lt;/li&gt;        
      ...etc
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want each column to have a height for example four items and fill vertically rather than horizontally like a css float:</p>
  
  <pre><code>A     E
  B     F
  C
  D
  </code></pre>