title: jQuery, get html of a whole element
body: <p>I wish to get the entire html of a selected element not just it's contents. .html() uses javascripts innerHTML() method according to the documentation. 
  HTML:</p>
  
  <pre><code>&lt;div id="divs"&gt;
    &lt;div id="div1"&gt;
      &lt;p&gt;Some Content&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="div2"&gt;
      &lt;p&gt;Some Content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using <code>$('#divs:first').html();</code> will return just the paragraph element. I want to get the html for the whole element, like so:</p>
  
  <pre><code>  &lt;div id="div1"&gt;
      &lt;p&gt;Some Content&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I can't use .parent because this will return html of both child divs.</p>