jQuery if li has a ul child inside it make it the first list item to show
<p>I have a multiple level navigation menu. The list items are organized according to its HTML hierarchy. I want jquery to find the <code>li</code> which has a child <code>ul</code> inside it and show that list item as the <strong>first item</strong> inside the <code>ul.list1</code>.</p>

<p>Here is the sample HTML:</p>

<pre><code>&lt;ul class="list1"&gt;
  &lt;li&gt;&lt;a href="#"&gt;List item 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;List item 2&lt;/a&gt;&lt;/li&gt;
  &lt;li class="slicknav_parent"&gt;&lt;a href="#"&gt;List item 3&lt;/a&gt;
    &lt;ul&gt;
       &lt;li&gt;&lt;a href="#"&gt;Child Item 1&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Child Item 2&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Child Item 3&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Child Item 4&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;List item 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>In the above I want the <strong>List item 3</strong> to be the first list item to show. How can this be achieved using <em>jQuery</em>?</p>