title: Setting a form via innerHTML?
body: <p>I'm having a little trouble setting a form using inner HTML:</p>
  
  <pre><code>document.getElementById("Button").innerHTML='&lt;form action="add.php" method="post" onSubmit="track('P1');"&gt;'+
  '&lt;input type="hidden" name="add" value="true"&gt; '+
  '&lt;input type="hidden" name="item" value="P1"&gt; '+
  '&lt;input type="hidden" name="pID" value="3"&gt; '+
  '&lt;input type="hidden" name="qty" value="1"&gt; '+      
  '&lt;input name="image" type="image" onMouseOver="this.src='/img/shop/r_addbasket.png'" '+
  'onMouseOut="this.src='/img/shop/addbasket.png'" '+
  'value="Add to Basket" src="/img/shop/addbasket.png" alt="AddtoBasket"&gt;&lt;/form&gt;';
  </code></pre>
  
  <p>I assume its because I've got some <code>'</code> inside the form thats throwing it off. I tried using an escape character but didn't work. </p>
  
  <p>TIA </p>