title: How to replace or update existing content in textarea by using http.post method?
body: <p>I plan to POST my text content to <a href="http://language.cs.usm.my/synthesis/read.php" rel="nofollow">http://language.cs.usm.my/synthesis/read.php</a> form's textarea which is third party web page, below is the form that i get from the URL.</p>
  
  <pre><code>  &lt;form method="post" action=""&gt;
   &lt;p&gt;Key in sentences in Malay. &lt;/p&gt; 
   &lt;textarea name="malayText" rows="4" cols="100"&gt;Malaysia ialah sebuah negara raja berperlembagaan persekutuan di Asia Tenggara yang terdiri daripada 13 negeri dan tiga wilayah persekutuan. Ia menduduki bumi berkeluasan 329,847 kilometer persegi.&lt;/textarea&gt;
   &lt;input type="submit" value="OK" name="submit" /&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>The method i use to post data as below:</p>
  
  <pre><code>$scope.AudioCont = function(){
          var req = $http({
                   method: 'POST',
                   url: 'http://language.cs.usm.my/synthesis/read.php',
                   data:{
                       test:"Nama saya ialah Ali"
                   }
          })
          .then(
              function (response) {
              alert("The data has been posted");
              console.log(response);
          },
          function () {
              alert("Failed to post!");
          })
      }
  </code></pre>
  
  <p>How can i replace the content in the existing textarea with my data?
  Thanks </p>