title: TVML-TVOS Render more then 1 Template together
body: <p>I have recently started working with TVML/TVJS and am not sure how to proceed with the below issue.</p>
  
  <p>The issue on hand is to use multiple Templates on the same page while rendering the page i.e. I want want to add the MenuBarTemplate over the ListTemplate and likewise. </p>
  
  <p>But If I add both on the page, it renders only the ListTemplate and not the MenuTemplate</p>
  
  <p>Here is the code snippet:</p>
  
  <pre><code>&lt;menuBarTemplate&gt;
    &lt;menuBar&gt;
       &lt;menuItem id="navigation_top_movies" data-identifier="list"&gt;
          &lt;title&gt;Top Movies&lt;/title&gt;
       &lt;/menuItem&gt;
       &lt;menuItem id="navigation_genres" data-identifier="index"&gt;
          &lt;title&gt;Genres&lt;/title&gt;
       &lt;/menuItem&gt;
       &lt;menuItem id="navigation_search" data-identifier="search"&gt;
          &lt;title&gt;Search&lt;/title&gt;
       &lt;/menuItem&gt;
       &lt;menuItem id="navigation_edit" data-identifier="edit"&gt;
          &lt;title&gt;Edit&lt;/title&gt;
       &lt;/menuItem&gt;
       &lt;menuItem id="navigation_settings_add" data-identifier="add_settings"&gt;
          &lt;title&gt;Add Settings&lt;/title&gt;
       &lt;/menuItem&gt;
    &lt;/menuBar&gt;
  &lt;/menuBarTemplate&gt;
  &lt;productTemplate&gt;
    &lt;background&gt;
    &lt;/background&gt;
    &lt;banner&gt;
       &lt;infoList&gt;
          &lt;info&gt;
             &lt;header&gt;
  
             &lt;/header&gt;
          &lt;/info&gt;
       &lt;/infoList&gt;
       &lt;stack&gt;
          &lt;title&gt;WWDC Road Trip&lt;/title&gt;
          &lt;row&gt;
             &lt;text&gt;&lt;badge src="resource://tomato-fresh"/&gt; 99%&lt;/text&gt;
             &lt;text&gt;1hr 54min&lt;/text&gt;
             &lt;text&gt;Comedy&lt;/text&gt;
             &lt;text&gt;2015&lt;/text&gt;
             &lt;badge src="resource://mpaa-pg" class="badge" /&gt;
             &lt;badge src="resource://cc" class="badge" /&gt;
          &lt;/row&gt;
          &lt;description allowsZooming="true" moreLabel="more"&gt;An aspiring developer gets a ticket to WWDC, but cant afford to fly there. Now he needs to get across country in time for the keynote, and the only person who can help him is his slacker roommate.&lt;/description&gt;
          &lt;text&gt;Language information can go here&lt;/text&gt;
          &lt;row&gt;
             &lt;buttonLockup&gt;
                &lt;badge src="resource://button-preview" /&gt;
                &lt;title&gt;Preview&lt;/title&gt;
             &lt;/buttonLockup&gt;
             &lt;buttonLockup type="buy"&gt;
                &lt;text&gt;$9.99&lt;/text&gt;
                &lt;title&gt;Buy&lt;/title&gt;
             &lt;/buttonLockup&gt;
          &lt;/row&gt;
       &lt;/stack&gt;
       &lt;heroImg src="path to images on your server/Car_Movie_720x1080.png" /&gt;
    &lt;/banner&gt;
  
    &lt;/productTemplate&gt;
  </code></pre>
  
  <p>Any help on this would be great.
  Thanks.</p>