title: Bootstrap tour stop working after changing path
body: <p>Please help me to continue bootstrap tour after changing page. This is my code for page1.html   </p>
  
  <pre><code>&lt;body&gt;
  &lt;div&gt;
  Page 1
     &lt;a class="btn btn-default"&gt; Start the Tour &lt;/a&gt;
  
                  &lt;br/&gt;
  
          &lt;span id="element1"&gt;First Element &lt;/span&gt;
  
  
          &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
          &lt;span id="element2"&gt;Second Element&lt;/span&gt;
  
          &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
          &lt;span id="element3"&gt;Third Element&lt;/span&gt;
  
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;/div&gt;
          &lt;a href="https://google.com"&gt; Google.com &lt;/a&gt;
  
  &lt;/body&gt;
  
  
  &lt;script type="text/javascript"&gt;
  var tour1 = new Tour({
      orphan:false,
      debug:true,
      backdrop:true,
      orphan:true,
      keyboard:true,
      name:'tour1',
    steps: [
          {
              path:"",
              element: "#element1",
              title: "Title of my step 1",
              content: "Content of 1"
          },
          {
              path:"",
              element: "#element2",
              title: "Title of my step 2",
              content: "Content of 2"
          },
          {
              path:"",
              element: "#element3",
              title: "Title of my step 3",
              content: "Content of 3"
          },
          {
              path:"page2.html",
              element: "#element4",
              title: "Manage People",
              content: "This is the Manage People title page"
          }
  ]});
  
  // Initialize the tour
  tour1.init();
  
  // Start the tour
  tour1.start();
      &lt;/script&gt;
  </code></pre>
  
  <p>This is page2.html</p>
  
  <pre><code>&lt;body&gt;
  Page 2
  
                  &lt;br/&gt;
  
          &lt;span id="element4"&gt;Fourth Element &lt;/span&gt;
  
  
          &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
          &lt;span id="element5"&gt;Fifth Element&lt;/span&gt;
  
          &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
          &lt;span id="element6"&gt;Sixth Element&lt;/span&gt;
  
  
  &lt;/body&gt;
  &lt;script type="text/javascript"&gt;
  var tour1 = new Tour({
      orphan:false,
      debug:true,
      backdrop:true,
      orphan:true,
      keyboard:true,
      name:'tour1',
    steps: [
          {
              path:"",
              element: "#element1",
              title: "Title of my step 1",
              content: "Content of 1"
          },
          {
              path:"",
              element: "#element2",
              title: "Title of my step 2",
              content: "Content of 2"
          },
          {
              path:"",
              element: "#element3",
              title: "Title of my step 3",
              content: "Content of 3"
          },
          {
              path:"page2.html",
              element: "#element4",
              title: "Manage People",
              content: "This is the Manage People title page"
          }
  ]});
  
  // Initialize the tour
  tour1.init();
  
  // Start the tour
  tour1.start();
  &lt;/script&gt;
  </code></pre>
  
  <p>After step 4, bootstrap tour redirects to page 2 but the popover disappeared and the tour stopped. I have tried to change the path, but can not solve anything. Anyone experienced with bootstrap tour please help, thank you</p>