title: Is it possible to inject HTML into a div through external JavaScript file
body: <p>I am trying to build a html component which will have a text box where user will come and enter something. A button which will post textbox data to server &amp; a grid component which will show all the data user have posted so far. </p>
  
  <p>I want to put all these components over a sliding menu <a href="http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_push" rel="nofollow noreferrer">like this</a>.</p>
  
  <p>The trick part is, I want this component to be used by multiple web applications. What I am trying to do is, I will ask the consuming apps to just add a <code>&lt;div&gt; tab with some specific id</code> (like this) and a reference to a JavaScript file &amp; a CSS file (which I will bundle)</p>
  
  
  
  
  <p>Inside this div, I want to inject HTML code (textbox, button and grid) through JavaScript. is it possible to first put HTML code inside a JS file and the inject that HTML code on page load over a div ?</p>