title: How to add back placeholder after value is emptied?
body: <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>