title: How Can I Transfer Text From Input Box to Text Area?
body: <p>I'm making a prototype for a chat client. At this stage, I'm just learning how to append the user's input to the text area above. However, no matter what I do, it doesn't seem to work. The only time it actually functioned correctly was in jsfiddle, but I can't get it to work when I load my actual HTML page. </p>
  
  <p>It's worth mentioning that, at the advice of a tutorial, I already tried placing the script tag for my JQuery code at the end of the body instead of in the head. The tutorial said that it was essential for all elements be allowed to load before the JQuery code, so that's the way it had to be. As you can see below, the script tags are currently in the head, but that doesn't work either. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="ChatStyle.css"/&gt;
      &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Chat.js"&gt;&lt;/script&gt;
  &lt;title&gt;
      Chat Client Prototype
  &lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div ID="topBar"&gt;
      &lt;/div&gt;
  
      &lt;h2 ID="header"&gt;Chat Client&lt;/h2&gt;
  
      &lt;div ID="chatBox"&gt;
          &lt;div ID="topBar2"&gt;
          &lt;/div&gt;
  
          &lt;div ID="header2"&gt;
              Chat Client
          &lt;/div&gt;
  
          &lt;textarea ID="textArea" name="textArea"&gt;
          &lt;/textarea&gt;
  
              &lt;form ID="in"&gt;
                  &lt;input ID="textField" type="text"&gt;
                  &lt;button ID="send" type="button" name="Send" value="send"&gt;Send&lt;/button&gt;
              &lt;/form&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>Chat.js</h3>
  
  <pre><code>function sendText(){
  $(document).ready(function () {
      $('#send').click(function () {
          var text = $('#textField').val();
          $('#textArea').val($('#textArea').val() + text);
          $('#textField').val('');
      });
  });
  }
  </code></pre>