JQuery - get .html() after having set with .html()

Question

I'm using jQuery with the power of localStorage.

Here is what I have:

<textarea name="localStorageString" id="localStorageString"></textarea>
<script>
  var userJson = localStorage.getItem('userJson');
  $('#localStorageString').html(userJson);
  $('#localStorageString').keyup(function(){
    alert($(this).html());
});

The textarea is correctly filled, the problem is when I modify it, it always alerts the same value (set by html(userJson)).

Any idea ?

Answer 1

You need $(this).val() to get the value of a form element.

Answer 2

I forgot this one. Why .html() doesn't work ?

html() - it's the native JavaScript .innerHTML function. It takes everything (all the nodes) inside the tag as a string.

<div id="Node">
   <a href="#">Hello</a>
</div>
console.info($('#Node').html()); // <a href="#">Hello</a>

val() - that's form.element.value.