jQuery: outer html()
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/2419749/get-selected-elements-outer-html">Get selected element’s outer HTML</a>  </p>
</blockquote>



<p>imagine what we have something like this:</p>

<pre><code>&lt;div id="xxx"&gt;&lt;p&gt;Hello World&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>if we call .html function in this way:</p>

<pre><code>$("#xxx").html();
</code></pre>

<p>we will get:</p>

<pre><code>&lt;p&gt;Hello World&lt;/p&gt;
</code></pre>

<p>But i need to get:</p>

<pre><code>&lt;div id="xxx"&gt;&lt;p&gt;Hello World&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>So, what i need to do? I think to add another wrapper around #xxx, but this is not a good idea.</p>
