title: jQuery move node out of its parent
body: <p>I have this code:</p>
  
  <pre><code>&lt;ul class="list"&gt;
    &lt;li&gt;
      &lt;a href="#" &gt;
        &lt;img src="IMAGE" /&gt;
        SOME TEXT
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#" &gt;
        &lt;img src="ANOTHER IMAGE" /&gt;
        SOME DIFFERENT TEXT
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want the images prepended to the parent node like this:</p>
  
  <pre><code>&lt;ul class="list"&gt;
    &lt;li&gt;
      &lt;img src="IMAGE" /&gt;
      &lt;a href="#" &gt;
        SOME TEXT
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;img src="ANOTHER IMAGE" /&gt;
      &lt;a href="#" &gt;
        SOME DIFFERENT TEXT
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>