title: document.getElementById doesn't work with textarea
body: <p>I have been trying for so long and I can't find the problem. </p>
  
  <p>The getelementbyId takes correctly data from two first ids: 'odbiorca' and 'temat' and it correctly add it to database, but it doesn't happen in the case of textarea 'tresc'. </p>
  
  <p>Can somebody please help me?</p>
  
  <pre><code>&lt;form method="post"&gt;
      &lt;input class="input" type="text" name="do_kogo" id="odbiorca" size="25" value="&lt;?php print $odbiorca; ?&gt;" /&gt;
      &lt;input class="input" id="temat" type="text" name="temat" size="25" value="&lt;?php print $temat; ?&gt;"/&gt;
      &lt;textarea id="tresc_area" cols="45" rows="10" &gt;&lt;/textarea&gt;
      &lt;input onclick="Check()" id="send_submit" type="submit" value="Send" /&gt;
  &lt;/form&gt;​
  </code></pre>
  
  <p>and heres the ajax for it</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  var odbiorca = document.getElementById("odbiorca");
  var temat = document.getElementById("temat");
  var tresc = document.getElementById("tresc_area");
  
  function Check() {
      $.ajax({
          type: "POST",
          url: "send_prv_msg.php",
          data: {
              do_kogo: odbiorca.value,
              temat: temat.value,
              tresc: tresc.value
          },
          success: function(odp) {
              $("p#error_box").html(odp);
          }
      });
  
  }​
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Does anybody know why <code>odbiorca.value</code> and <code>temat.value</code> works correct, but <code>tresc.value</code> doesn't? </p>