How to display an object in a DIV?

Question

JavaScript

As soon as the data in input changes, displaying it in alert works:

<input id="foo"... >
<script type="text/javascript">
  $('#foo').change(function(){
  var ff = $('#foo').val();
    alert('Элемент foo был изменен' + ff);
  });
</script>

Now I want to display the data from the form in a DIV id=forecast

<input id="foo"... >
<script type="text/javascript">
  $('#foo').change(function(){
  var ff = $('#foo').val();
    $('#forecast').load(ff);
  });
</script>
<div id="forecast"></div>

Answer 1

<input id="foo"... >
<script type="text/javascript">
  $('#foo').change(function() {
  var foo = $(this).val();
    $('#forecast').text(foo);
  });
</script>
<div id="forecast"></div>