title: Create panel for HTML page
body: <p>I am using JQUery and trying to create a panel for my HTML page.
  The panel contains mutiple divs. </p>
  
  <p>My JavaScript function is:</p>
  
  <pre><code>function createQuestionPanel() {
      var topDiv = $('&lt;div&gt;top div&lt;/div&gt;');
      var questionDiv = $('&lt;div&gt;bottom div&lt;/div&gt;');
      topDiv.after(questionDiv);
      return topDiv;
  }
  </code></pre>
  
  <p>I call this function and append it to another JQuery representation of a HTML element.  The problem is it only displays the topdiv. I want it to display both the bottom and top div.  Do I need to wrap all the divs in my createQuestionPanel() method or is there a better way to do this?</p>
  
  <p>Thanks.</p>