Проблема с .html() в родительского документа

[FreeFly19]

<div class="result">
    <textarea id="textarea-1">123</textarea>
</div>
<input type="button" value="~_^" onclick="console.log($('.result').html());">

Когда изменияешь значение

<textarea>

.html() родительского блока

<div class="result">

не изменяется, а мне это очень нужно

[Aetae]

а мне это очень нужно

Печально.

Изменение полей ввода не отражаются на их html. Никогда.

Можно попробовать использовать вместо <textarea> - <div contenteditable="true">, но это отдельный жуткий геморрой.

P.S. Можно ещё извратиться и заполнять по мере ввода html вручную, но зачем?

Пример: бредятина

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<div class="result">
  <textarea id="textarea-1">123</textarea>
</div>
<script>$('#textarea-1').on('input', (function(div, text){
  div.appendChild(text);
  return function(){
    text.data = this.value;
    this.innerHTML = div.innerHTML;
  }
  
}(document.createElement('div'), document.createTextNode(''))))
</script>
<input type="button" value="~_^" onclick="console.log($('.result').html());">

[рони]

Aetae,
а так ?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div class="result">
  <textarea id="textarea-1">123</textarea>
</div>
<script>
$('#textarea-1').on('input', function(){
    this.firstChild.data = this.value;
  })
</script>
<input type="button" value="~_^" onclick="alert($('.result').html());">

[Aetae]

рони, хех, ну да. Только меньшим бредом от того не стало.=)