Demo page

Fixes #3.

It also includes the changes in #1, diffs will go away when we merge #1.

![demo1](https://cloud.githubusercontent.com/assets/643127/3298408/4c1164a2-f601-11e3-8051-0dfbbca1965b.png)
![demo2](https://cloud.githubusercontent.com/assets/643127/3298409/4c11794c-f601-11e3-865e-5a42bdf55fd4.png)


cc @skidding @NiGhTTraX 


String concatenation with a DOM node? :) 

![image](https://cloud.githubusercontent.com/assets/485061/3311319/fb4eca92-f6c2-11e3-866b-b4ab43d3b79b.png)

Maybe use `.outerHTML`? Or go wild with `$(addedNode).clone().empty()[0].outerHTML` :P