How to add back placeholder after value is emptied?
<p><strong>After clearing textarea's value, the placeholder goes missing. All I need to do is, to add back that placeholder into the textarea.</strong></p>

<blockquote>
  <p>html:</p>
</blockquote>

<pre><code>&lt;textarea data-reply placeholder="Add your reply" autocomplete="off" name="message" &gt;&lt;/textarea&gt;
</code></pre>

<blockquote>
  <p>clear the textarea value</p>
</blockquote>

<pre><code>$('[data-reply]').val(' ');
</code></pre>

<blockquote>
  <p>adding placeholder (doesn't work)</p>
</blockquote>

<pre><code>1) $('[data-reply]').attr("placeholder", "New placeholder text");


2) $("textarea[placeholder]").attr("placeholder", "New placeholder text");
</code></pre>

<p>referred here: <a href="https://stackoverflow.com/questions/3919369/changing-the-placeholder-attribute-of-html5-input-elements-dynamically-using-j">Changing the &quot;placeholder&quot; attribute of HTML5 input elements dynamically using Javascript</a></p>