title: D3.js - Appending to <div> not working
body: <p>I am facing a very strange problem.</p>
  
  <p>If I try to append rectangles to <code>body</code> it works fine. However, if I try to append to <code>&lt;div&gt;</code> -  it does not work</p>
  
  <p>What makes it even strange is that, on Fiddler both versions work.</p>
  
  <p><a href="https://jsfiddle.net/ek6xmbs2/" rel="nofollow noreferrer">https://jsfiddle.net/ek6xmbs2/</a></p>
  
  <p>However, on my laptop </p>
  
  <pre><code>d3.select("#chart").append("svg")
  </code></pre>
  
  <p>does not work (displays a blank screen). While the below works</p>
  
  <pre><code>d3.select("body").append("svg")
  </code></pre>
  
  <p>Saw a similar issue here </p>
  
  <p><a href="https://stackoverflow.com/questions/17116650/d3-js-append-to-div-weird-result">D3 JS append to div weird result</a></p>
  
  <p>However, can't make out from the response as to what fixed it.</p>
  
  <p>Thank you.</p>