How to get value from textarea (beginner q)

How to get value from textarea (beginner q)

I have a php-page where I have a textarea I use to update a database table with.
The form pretty much looks like this: 

   
    
    
  1. <form action="page_edit_save.php" method="post">
    2. 
    
  2. <ul>
    3. 
    
  3. <li>
    4. 
    
  4. <textarea name="content" id="content" rows="15" cols="62">
    5. 
    
  5. <?php get_page_content($id); ?>
    6. 
    
  6. </textarea> 
    7. 
    
  7. </li>
    8. 
    
  8. <li>
    9. 
    
  9. <input type="hidden" name="id" id="id"
    10. 
    
  10. value="<?php echo $id; ?>">
    11. 
    
  11. <input type="submit" id="submit_page_edit"
    12. 
    
  12. class="buttons" value="Edit page"> 
    13. 
    
  13. </li> 
    14. 
    
  14. </ul> 
    15. 
    
  15. </form>
    16. 
   
The page_edit_save.php pretty much looks like this:

   
    
    
  1. if(empty($_POST) === false) { 
    2. 
    
  2.       $id = $_POST["id"]; $content = $_POST["content"];
    3. 
    
  3.       $return["msg"] = "Saving..."; edit_post($id, $content);
    4. 
    
  4.       $return["correct"] = "Yes";
    5. 
    
  5.       echo json_encode($return); exit(); }
    6. 
    
  6.       else {
    7. 
    
  7.             $return["msg"] = "Error. Please try again later.";
    8. 
    
  8.             echo json_encode($return); exit(); }
    9. 
   

These two work good together and the database is updated as intended.
But when I try to include a .js file for some jQuery fun the database update fails.

The important parts of the .js code looks pretty much like this:


   
    
    
  1. $('#submit_page_edit').click(function(e) {
    2. 
    
  2.       e.preventDefault();
    3. 
    
  3.       var formData = $('form').serialize();
    4. 
    
  4.       submitForm_page_edit(formData);
    5. 
    
  5. });
    6. 
    

    7. 
    
  7. function submitForm_page_edit(formData) {
    8. 
    
  8.       $.ajax({
    9. 
    
  9.       type: 'POST',
    10. 
    
  10.       url: 'page_edit_save.php',
    11. 
    
  11.       data: formData, dataType: 'json',
    12. 
    
  12.       cache: false,
    13. 
    
  13.       timeout: 7000,
    14. 
    
  14.       success: function(data) {
    15. 
    
  15.             $('#response').html(data.msg);
    16. 
    
  16.             $('#notification').css('visibility',
    17. 
    
  17.             'visible').slideDown('fast');
    18. 
    
  18.             }
    19. 
    
  19.       });
    20. 
    
  20. };
    21. 
   

After much trying and failing I have found out that the .js-file doesn't seem get the data from the textarea.
Any clues on what I'm doing wrong?