title: Riot JS unmount all tags in a page and then mount only one tag is not working
body: <p>I am using Riot JS and in my index.html, I have 3 custom tags - header, login-panel and candidates-panel inside my body. In my main app.js, in the callback function of $(document).ready, I execute the current route and also register a route change handler function. In my switchView, I unmount all custom tags and then try to mount only the tag pertaining to the current view being switched. Here is my code. If I do unmount, then nothing is displayed on the page</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;body&gt;
      &lt;header label="Hire Zen" icon="img/user-8-32.png"&gt;&lt;/header&gt;
      &lt;login-panel class="viewTag" id="loginView"&gt;&lt;/login-panel&gt;
  
      &lt;candidates-panel id="candidatesView" class="viewTag"&gt;&lt;/candidates-panel&gt;
      &lt;script src="js/bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>function switchView(view) {
      if(!view || view === '') {
          view = 'login'
      }
      //unmount all other panels and mount only the panel that is required
      //TODO: unmount all view panels and mounting only required panel is not working
      //riot.unmount('.viewTag')
      riot.mount(view+'-panel')
      $('.viewTag').hide()
      $(view+'-panel').show()
  }
  
  $(document).ready(function () {
      RiotControl.addStore(new AuthStore())
      RiotControl.addStore(new CandidatesStore())
      riot.mount('header')
      //register route change handler
      riot.route(function (collection, id, action) {
          switchView(collection)
      })
      riot.route.exec(function (collection, id, action) {
          switchView(collection)
      })
  })
  </code></pre>