title: move div on a page in the middle of a list of ul's but ul's do not id's
body: <p>I have a div at the top of the page.</p>
  
  <pre><code>&lt;div id="move"&gt;
      stuff
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to move it down the page (not animate, but just have it be in another place in the DOM), right after the first of many ul's</p>
  
  <pre><code>&lt;div class="maincolumn"&gt;
      &lt;ul class="grid"&gt;&lt;/ul&gt;
      &lt;ul class="grid"&gt;&lt;/ul&gt;
      &lt;ul class="grid"&gt;&lt;/ul&gt;
      &lt;ul class="grid"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can move that div from the top of the page to right after the first ul with no unique id's (no id's at all)? And note that there may be other ul's before this div.</p>
  
  <p>Thanks!</p>