title: Randomize position of list element in multiple unordered lists
body: <p>I have multiple unordered lists with a max of 2 list elements per UL. </p>
  
  <p>My dom structure is somewhat like below:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
    &lt;ul class="question" data-index="0"&gt;
      &lt;li class="answer1" data-index="0"&gt;
      &lt;li class="answer2" data-index="0"&gt;
    &lt;/ul&gt; 
  
    &lt;ul class="question" data-index="1"&gt;
      &lt;li class="answer1" data-index="1"&gt;
      &lt;li class="answer2" data-index="1"&gt;
    &lt;/ul&gt; 
  
    &lt;ul class="question" data-index="2"&gt;
      &lt;li class="answer1" data-index="2"&gt;
      &lt;li class="answer2" data-index="2"&gt;
    &lt;/ul&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I need to randomly disperse each li element into random unordered lists. So an li with a data-index of 1 ends up being placed in a ul element with a data-index of 2. What's the best way of accomplishing this with jQuery?</p>
  
  <p>EDIT: I've tried the answer from the other post and all it does is take ever list element and places all of them in each ul. I need a max of (2) list elements per ul, and must be random.</p>