title: How do I move an HTML element in jQuery?
body: <p>My HTML structure is like this:</p>
  
  <pre><code>&lt;div id="parent"&gt;
     &lt;div id="1"&gt;Some content&lt;/div&gt;
     &lt;div id="2"&gt;Some content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to move the element <code>id="2"</code> to place before <code>id="1"</code> so its will be like this:</p>
  
  <pre><code>&lt;div id="parent"&gt;
     &lt;div id="2"&gt;Some content&lt;/div&gt;
     &lt;div id="1"&gt;Some content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I do something like that in jQuery?</p>