title: jQuery move DOM element inside parent
body: <p>Is there a simple way to move an element inside its own parent? </p>
  
  <p>Like this...</p>
  
  <p>from:</p>
  
  <pre><code>&lt;div class="test"&gt;hello 1&lt;/div&gt;
  &lt;div class="test"&gt;hello 2&lt;/div&gt;
  &lt;div class="test"&gt;hello 3&lt;/div&gt;
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>&lt;div class="test"&gt;hello 1&lt;/div&gt;
  &lt;div class="test"&gt;hello 3&lt;/div&gt;
  &lt;div class="test"&gt;hello 2&lt;/div&gt;
  </code></pre>
  
  <p>Either move a div UP or DOWN one step, or using the index to appendTo in a specific position.</p>