使用CSS和jQuery自动将文本分成2列

Question

我有2个div，我需要文本流入这2个div。当前的jQuery收集<p>标记并自动拆分2个div中的<p>。我需要的是当第一个<div>已满时，将剩下的文本移到另一个<div>。

$(document).ready(function () {
  var size = $("#data > p").size();
  $(".Column1 > p").each(function (index) {
      if (index >= size / 2) {
          $(this).appendTo(".Column2");
      }
  });
});

我可以在JSfiddle找到当前的脚本。