<textarea> has some text, after updating it in form, change is not reflecting while submitting the form
<p>I wanted to construct a <strong>form</strong>, When it loads, it should have data which is currently stored in back end DB. At the same time user should be able to change content and submit <strong>form</strong> to update DB.</p>

<p>For this purpose I have used <strong>input</strong> and <strong>textarea</strong> elements. <strong>textarea</strong> is used to show email. But after update data, data of input elements changed but not for <strong>textarea</strong></p>

<p><strong>Here is code:</strong></p>

<p><em>In HTML Form this is <strong>textarea</strong>, Where text is echoed via PHP</em></p>

<pre><code>&lt;textarea placeholder="EMAIL" class="form-control" rows="2" cols="6" id="email" style="resize:none;"&gt;&lt;?php echo $retention_config['email'] ?&gt;&lt;/textarea&gt;
</code></pre>

<p>In browser I updated the email content of this </p>

<p>After that before submitting data, I wished to validate that this field should not be empty, for this used JS</p>

<p><em>Here is JS code:</em></p>

<pre><code>var email_text = $('#email').text().trim();

if(email_text == "") {
  alert("Email is Mandatory");
}
</code></pre>

<p>But, I was not getting this alert, after deleting whole content of email, Then I checked the value of this  using javascript.</p>

<pre><code>console.log('#email').text();
</code></pre>

<p>I got the text which, i initially loaded via PHP, When I updated text in form it should be updated then, Please help, as I ran into this problem for first time. Please forgive me if there is any error in this post as I am learning to post in stack overflow, earlier only I got ready made help from this platform only. </p>