Jquery's datepicker doesn't work after appending document.body's innerHTML

Question

Example:

1) go to www.hotwire.com and confirm that the datepicker for check-in and check-out works

2) open up the console and type in document.body.innerHTML += ""

3) datepicker no longer works

I'm not sure why this is... if you create the element using document.create and append it using document.body.appendChild, the datepicker still works...

Answer 1

When you call el.innerHTML += "" , you are essentially doing el.innerHTML = "";el.innerHTML = thehtml , which causes all element data and events to be unbound. That's why plugins and javascript stops working.