title: jQuery - Wrap div to a specific element
body: <pre><code>&lt;div id="last"&gt;&lt;/div&gt;
  &lt;p id="text"&gt;text&lt;/p&gt;
  &lt;a id="link" href="xxx"&gt;link&lt;/a&gt;
  </code></pre>
  
  <p>Suppose I have the code above, how can I wrap a <code>&lt;div&gt;&lt;/div&gt;</code> to the a element, and insert it after div element, the result should be:</p>
  
  <pre><code>&lt;div id="last"&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a id="link" href="xxx"&gt;link&lt;/a&gt;&lt;/div&gt;
  &lt;p id="text"&gt;text&lt;/p&gt;
  </code></pre>
  
  <p>Tried the code below, but not works</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="last"&gt;&lt;/div&gt;
  &lt;p id="text"&gt;text&lt;/p&gt;
  &lt;a id="link" href="xxx"&gt;link&lt;/a&gt;
  
  &lt;script&gt;
  $('#link').wrap('&lt;div&gt;&lt;/div&gt;').detach().insertAfter('#last');
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks you</p>