title: How to set onblur and onfocus string for placeholder when using jQuery
body: <p>I have tried to update my html dynamically and it is working so far that the textarea is being added to the page but the onblur and onfocus behaviour that I have defined aren't due I think to the inclusion of double quotations on the onblur and onfocus properties. My code is as follows:</p>
  
  <pre><code>$('#answerList').append('&lt;li&gt;&lt;div class="row"&gt;&lt;div class="eight columns"&gt;&lt;textarea id="answerText" name="answerText" placeholder="Your answer here..."  onfocus="this.placeholder = """ onblur="this.placeholder = "Your answer here...""&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;div class="four columns"&gt;&lt;input type="checkbox" name="correctCheckbox" id="correctAnswerCheckbox' + answerPosition + '" value="' + answerPosition + '"/&gt;&lt;label for="correctAnswerCheckbox' + answerPosition + '"&gt;Correct Answer&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;');
  </code></pre>
  
  <p>When just coding the HTML normally I use the following:</p>
  
  <pre><code>&lt;textarea id="questionText" name="questionText" placeholder="Your question here..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your question here...'"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>How can I fix the javascript so these properties work</p>