title: full HTML of object returned by jQuery selector
body: <p>given this html:</p>
  
  <pre><code>&lt;li id="the_list_item"&gt;&lt;img src="some_img"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and this selectior:</p>
  
  <pre><code>$("#the_list_item")
  </code></pre>
  
  <p>I want to get the full html from the object return by the jQuery selector.</p>
  
  <p>Using:</p>
  
  <pre><code>$("#the_list_item").html()
  </code></pre>
  
  <p>...just gives me the inner html (the <code>&lt;img src="some_img"&gt;</code> part)</p>
  
  <p>But since:</p>
  
  <pre><code>$("#the_list_item").attr("id")
  </code></pre>
  
  <p>gives me 'the_list_item', this indicated that the whole list item is indeed included in the object returned.. so how do I get the full code from that object?</p>
  
  <p>I want to get a String: <code>&lt;li id="the_list_item"&gt;&lt;img src="some_img"&gt;&lt;/li&gt;</code> from my object, but can't find the way to do it.</p>