title: Fill div with text
body: <p>I have a <code>div</code>:</p>
  
  <pre><code>&lt;div id="shoppingBasket"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using Javascript or Jquery how would I fill this with the default text:</p>
  
  <p><code>you have no products in your shopping basket.</code></p>
  
  <p>What I mean by default text is I would want to change the text after they clicked a product. so maybe the default text in a variable and then included in the div via JavaScript or Jquery, which would allow the variable to be manipulated. </p>