How to wrap all `ul` elements in `div` with JQuery automatically?
<p>How to wrap all <code>ul</code> elements in <code>div</code> with JQuery automatically?</p>

<pre><code>&lt;div id="my_uls"&gt;
  &lt;ul&gt;
   &lt;li&gt;Item one&lt;/li&gt;
   &lt;li&gt;Item two
       &lt;ul&gt;
          &lt;li&gt;Item one of two&lt;/li&gt; 
      &lt;/ul&gt;
   &lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>But what I want:</p>

<pre><code>&lt;div id="my_uls"&gt;
   &lt;div&gt;
    &lt;ul&gt;
       &lt;li&gt;Item one&lt;/li&gt;
       &lt;li&gt;Item two
           &lt;div&gt;
               &lt;ul&gt;
                  &lt;li&gt;Item one of two&lt;/li&gt; 
              &lt;/ul&gt;
          &lt;/div&gt;
       &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>