title: Update placeholder text with new text onClick/onFocus
body: <p>Here is one I just had come up and the solution baffled me and no search here at SO revealed anything.</p>
  
  <p>Standard input field:</p>
  
  <pre><code>&lt;input type="input" name="fName" placeholder="Your First Name"&gt;
  </code></pre>
  
  <p>But let us say I would like to update the placeholder text when somebody clicks on the field or when the field is onfocus via pressing the Tab key.</p>
  
  <p>So it would become:</p>
  
  <pre><code>&lt;input type="input" name="fName" placeholder="Your First Name Goes Here"&gt;
  </code></pre>
  
  <p>Just a very basic example of what it would do, by adding the "Goes Here" to the placeholder text.</p>
  
  <p>Doable? Even possible to modify placeholder? Unknown to me.</p>
  
  <p>If so and it is possible via pure JS or via jQuery, I would be entertained in seeing how.</p>