title: Set a text field within a ajax request receipt
body: <p>I want to display some text on a text area upon a response from an ajax request. </p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="menu"&gt;
          &lt;p class="welcome"&gt;Welcome, &lt;b&gt;&lt;/b&gt; &lt;%=session.getAttribute( "username" )%&gt; &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;!-- This div will contain the chatlog. --&gt; 
      &lt;div id="chatbox"&gt;&lt;/div&gt;
  
      &lt;form name="message" action="" method="post"&gt;
          &lt;input name="usermsg" type="text" id="usermsg" size="63" /&gt;
          &lt;input name="submitmsg" type="submit" id="submitmsg" value="Send" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to set 'chatbox' text within an ajax request response. 
  This is the css document for chatbox</p>
  
  <pre><code>#chatbox {
      text-align:left;
      margin:0 auto;
      margin-bottom:25px;
      padding:10px;
      background:#fff;
      height:270px;
      width:430px;
      border:1px solid #ACD8F0;
      overflow:auto; }
  </code></pre>
  
  <p>This is the ajax call</p>
  
  <pre><code>function loadLog(){     
      $.ajax({
          type: "GET",
          url: "HandleMessage",
          //contentType: "application/json", 
          /*data: {
              card: JSON.stringify(card)
          },*/
          success: function(response) {                
              if(response != null)
              {
                  $("#chatbox").attr("value", "aa"); // I want to concat current value and response here
              }               
                  //document.getElementById('chatbox').value = 'fff';
                  //alert(response);
          },
          error: function(data) {
              alert('errorr');
              }
      });
  </code></pre>
  
  <p>Tried many things, but didn't work. </p>
  
  <p>Tried,</p>
  
  <pre><code>$("#chatbox").attr("value", response);
  $("#chatbox).val(response);
  $(".chatbox").html(response);
  </code></pre>