Insert HTML Components inside Javascript File (JS File)
<p>I have this below code inside my javascript file </p>

<pre><code>containers: {price: null, volume: null},
buildDOM: function () {
var container = $(this.id);
this.containers.price = new Element('div', {id: 'priceGraph', style: 'width: 100%; height: 240px;'});
this.containers.volume = new Element('div', {id: 'volumeGraph', style: 'width: 100%; height: 200px;'});
container.insert(this.containers.price);
container.insert(this.containers.volume);
}
</code></pre>

<p>I want to have two Text Input (HTML Components) between the two divs (PriceGraph and VolumeGraph) .</p>

<p>The whole source code can be found here </p>

<p><a href="http://www.humblesoftware.com/finance/source" rel="nofollow">http://www.humblesoftware.com/finance/source</a> (Inside the HumbleFinance.js) </p>

<p>Please tell me if its possible to insert the HTML Components in between them )</p>
