title: Textarea is not displaying the result
body: <p>I have a textarea which will be in hidden state when the request comes to the page and once i select the value in the page i call a controller method which does manipilation and returns the response to the same page and in the ajax success method i try to print the response in the textarea</p>
  
  <p>This is my gsp page</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="layout" content="main" /&gt;
  &lt;title&gt;Json Compare&lt;/title&gt;
  &lt;g:javascript plugin="jquery" library="jquery"
      src="jquery/jquery-1.11.1.js" /&gt;
  &lt;script&gt;
  
      $(document).ready(function(){
          $('.testMe').click(function(){
              var URL="${createLink(controller:'jsonComparison',action:'compare')}";
              alert(URL) 
              alert(firstText.value)
              alert(secondText.value)
              $.ajax({
                  url:URL,
                  data: {firstText:firstText.value,secondText:secondText.value},
                  success: function(data){              
                      var retrievedValue = JSON.parse(data);
                      alert("Parsed Values are: "+retrievedValue)
                      alert("Values are: "+retrievedValue.status)
                      //alert("success: "+retrievedValue.result)
                      if (retrievedValue.status===true) {
                          alert("inside the success: "+retrievedValue.result)
                          alert("the parsed values 1st data"+data.firstText)
                          $("#result").css("display","block")
                           $("#result").val(data.firstText)
                          //notice .html since it is content of textArea
                          //$('.textarea').html(retrievedValue.result)
                          //document.getElementById("textarea").style.display = "block"
                          //document.getElementById("textarea").innerHTML = data.result
                           //$('#textarea').val(retrievedValue.result).show()
                          // $('.textarea').css("display","");
                          //$('#result').attr('style', 'display:block'); 
                          //$('#testdiv').show()
                          //$('.textarea').toggle();
                          // $('#testdiv').attr('style', 'display:block'); 
                          //$('#testdiv').removeAttr("style");
                          //document.getElementById("result").style.display = "none";
  
                      } else { /// if (data===false ) {
                          alert("Failure: "+retrievedValue.value1+" "+retrievedValue.value2)
                         //$('#result1').html(entry.value1).show()
                       // $('#result2').html(entry.value2).show()
                      } 
                  }
              });
  
          });
  
      });
      //event.preventDefault(); 
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;g:form&gt;
          &lt;div&gt;
              &lt;label&gt;From Time&lt;/label&gt;
              &lt;g:select name="firstText" from="${eventsList}" noSelection="['':'-Choose the From Date-']" /&gt;
              &lt;label&gt;To Time&lt;/label&gt;
              &lt;g:select name="secondText" from="${eventsList}" noSelection="['':'-Choose the To Date-']" /&gt;
              &lt;button class="testMe"&gt;Compare&lt;/button&gt;
          &lt;/div&gt;
          &lt;br&gt;
  
          &lt;textarea id="result" style="display: none"&gt;&lt;/textarea&gt;
  
          &lt;%--&lt;div id="textarea"&gt;
                  &lt;label&gt;Output&lt;/label&gt;&lt;br&gt; 
                       &lt;textArea id="result" name="myField" /&gt; 
                      &lt;textarea&gt;&lt;/textarea&gt;
          &lt;/div&gt;
  
      --%&gt;&lt;/g:form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>once the result is displayed immediately it disappears how to stop it. And also how to display the result different textarea based on the response from the controller. Initially the textarea should not be visible</p>