Объясните почему :)
 

Подскажите почему этот код не работает:

new_div = document.createElement('div');
new_div.html(data);

а так работает

new_div = document.createElement('div');
new_div.innerHTML = data;

разве это не одно и то же? :-?

Очевидно, что нет. Продолжай использовать jQ и не парься:)

innerHTML - javascript
а html - jquery

Вот так будет работать:
$(new_div).html(data);

Если вы применяете jquery-функцию, то нужно использовать jquery-селектор. А если просто Javascript, то элемент DOM.

new_div - настоящий div имеющий стандартные методы.
$(new_div) - объект jquery содержащий new_div, на ктороый навешаны всевозможные jquery-методы.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
new_div = document.createElement('div');new_div.appendChild(document.createTextNode('html'))
alert([
$(new_div).html(),
new_div.innerHTML,
$(new_div).innerHTML,
new_div.html
].join(' | '));
</script>

всем спасибо за пояснения!!

сразу не разобрался, что для того чтобы работать с JS-совским new_div
необходимо использовать такой $(new_div) синтаксис.