title: jquery enclose current element in a new parent container
body: <p>I want to enclose using jquery around the current element a new parent container, something like that, but I don't like the following lines and I suppose that they are not really correct or best practice:</p>
  
  <pre><code>this.before('&lt;div id="container"&gt;');
  this.after('&lt;/div&gt;');
  // do something with the new parent here
  $("#container")...
  </code></pre>
  
  <p>Is there a way more natural of doing this? Thank you.</p>