title: How to use jQuery appendTo() to insert elements before the children
body: <p>I have:</p>
  
  <pre><code>&lt;div id='1'&gt;
      &lt;div id='2'&gt;&lt;div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I do:  <code>$("&lt;img/&gt;").appendTo('#1');</code></p>
  
  <p>The result is:</p>
  
  <pre><code>   &lt;div id='1'&gt;
              &lt;div id='2'&gt;&lt;div&gt;&lt;img/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>How to chage the query so that the result will be?:</p>
  
  <pre><code>&lt;div id='1'&gt;
          &lt;img/&gt;&lt;div id='2'&gt;&lt;div&gt;
  &lt;/div&gt;
  </code></pre>