Get content of DOM element without the parent by using jQuery
<p>Here are some simple examples what I am trying to do:</p>

<pre><code>$("&lt;li&gt;Foo&lt;/li&gt;")
    =&gt; "Foo"
$("&lt;li&gt;&lt;span&gt;Foo&lt;/span&gt;&lt;/li&gt;")
    =&gt; &lt;span&gt;Foo&lt;/span&gt;
$('&lt;li class="foo"&gt;&lt;div&gt;Foo&lt;/div&gt;&lt;div&gt;Bar&lt;/div&gt;&lt;/li&gt;')
    =&gt; &lt;div&gt;Foo&lt;/div&gt;&lt;div&gt;Bar&lt;/div&gt;
</code></pre>

<p>I know of the jQuery <code>get()</code> method, but this just gives me the <code>&lt;li&gt;</code> elments, too. A <code>.children().get()</code> does not work (at least in the first case). Is there a simple way to achieve that (with built in jQuery methods)?</p>
