随机化列表元素在多个无序列表中的位置

Question

我有多个无序列表，每个UL最多包含2个列表元素。

我的dom结构有点像下面这样：

<div class="wrapper">
  <ul class="question" data-index="0">
    <li class="answer1" data-index="0">
    <li class="answer2" data-index="0">
  </ul> 

  <ul class="question" data-index="1">
    <li class="answer1" data-index="1">
    <li class="answer2" data-index="1">
  </ul> 

  <ul class="question" data-index="2">
    <li class="answer1" data-index="2">
    <li class="answer2" data-index="2">
  </ul>
</div> 

我需要将每个li元素随机分散到随机无序列表中。因此，数据索引为1的li最终会放在数据索引为2的ul元素中。使用jQuery实现此目的的最佳方法是什么？

编辑：我已经尝试过另一篇文章中的答案，它所做的只是列出元素并将所有这些元素放在每个ul中。我需要每个ul最多（2）个列表元素，并且必须是随机的。