get value from textarea and copy to a div

get value from textarea and copy to a div

Basically I want to get the current value from a textarea field and copy to a div element on the page. Here is my HTML:
  1. <a href="#" class="desc-button">Edit</a>
  2. <div class="product-data"><?php echo $prod_description; ?></div>
  3.  
  4. <form action="" method="post">
  5. <div class="product-form" style="display:none;">
  6. <textarea class="description" name="prod-desc"></textarea>
  7. <input type="submit" value="submit" />
  8. </div></form>
 
My JQuery code is as follows:
  1. $('.desc-button').click(function(){
  2.  $('.product-form').slideToggle();
  3.  
  4.  var str = $('.product-data').html();
  5.  $('.product-data').html(str);
  6.  
  7.  $('.product-data').slideToggle();
  8.  
  9.  return false;
  10. });


But this does not work. Note I need it to retrieve the current value - that is including any newly typed text in the textarea field.