Get full html instead of just innner html
<p>I want to get the html including the selector that I am using to get the html</p>

<p>let's say I have</p>

<pre><code>&lt;div id="foo"&gt;
  &lt;div id="bar"&gt;content&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>when I do <code>$('#foo').html()</code> I get</p>

<pre><code>&lt;div id="bar"&gt;content&lt;/div&gt;
</code></pre>

<p>Is there a way in jquery to get the whole html including the parent(selector div)</p>

<p>I want this whole html</p>

<pre><code>&lt;div id="foo"&gt;
  &lt;div id="bar"&gt;content&lt;/div&gt;
&lt;/div&gt;
</code></pre>
