title: Is it possible to submit textarea data with Ajax?
body: <p>I'm trying to submit input data but I'd like to submit data of <code>&lt;textarea&gt;</code> instead of <code>&lt;input&gt;</code>. My original code:</p>
  
  <pre><code>&lt;form action="/index/output" method="POST"&gt;
      &lt;input type="text" name="text_box" id="t"&gt;   
  &lt;/form&gt;
  
  &lt;script&gt;
      $('#t').keyup(function(){
          $.ajax({
              url : '/index/output',
              data : {
                  text_box : $('input:text').val()
              },
              success : function(html) {
                  $('#result').html(html);
              }
          })
      })
  &lt;/script&gt;
  
  &lt;div id="result"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>I changed <code>&lt;input&gt;</code> to <code>&lt;textarea&gt;</code></p>
  
  <pre><code>&lt;form action="/index/output" method="POST"&gt;
       &lt;textarea name="text_box" id="t"&gt;  &lt;/text&gt; 
  &lt;/form&gt;
  </code></pre>
  
  <p>but it does not work well...</p>
  
  <p>Is there a problem with my ajax code?</p>