Get InnerHTML of element that isnt inside another tag

Question

So if I had

<div id="outside">
   Hello
   <div id="inside">
       Qwertyuiop
   </div>
</div>

How would I get the InnerHTML of the outside without including anything from the inside or any other HTML tags? (bascially how to get "Hello")

Answer 1

1 An interesting option:

This is not a serious answer, and is based on Darin Morris' highly destructive answer but is slightly less destructive:

// Clone the element
var $clone = $("#outside").clone();

// Remove all the children (leaves text nodes)
$clone.children().remove();

alert($clone.text());

http://jsfiddle.net/TrueBlueAussie/ez4v83v5/4/

Again I would not recommend this as an alternative to say

2 My serious answer:

$('#outside')[0].firstChild.nodeValue

but who knows... This technique may come in handy for someone at some point :)