title: Render Ext.application in a div
body: <p>I am trying to run an ExtJS4 <code>Ext.application</code> inside our existing website template. We have a <code>div #content</code>, into which I want to place the application for development. How do I render the application into this area, rather than replacing the existing html page?</p>
  
  <pre><code>Ext.application({
      name: 'HelloExt',
      launch: function() {
          Ext.create('Ext.container.Viewport', {
              layout: 'fit',
         //   renderTo: Ext.Element.get('#content')  doesn't work
              items: [
                  {
                      title: 'Hello Ext',
                      html : 'Hello! Welcome to Ext JS.'
                  }
              ]
          });
      }
  });
  </code></pre>