introJS selectElement

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/intro.js/2.0.0/intro.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/intro.js/2.0.0/introjs.min.css">
<div class='row'>
  <div class="col-md-5" style="top:500px">
    <button id="startIntro" class="btn btn-info">
      start intro
    </button>
  </div>
  <div class="col-md-5" style="top:500px">
    <a id="saveSelection" class="btn btn-block btn-info-outline" data-toggle="popover">Save these selections?</a>
  </div>
</div>


<!--Popover Function April -->
<div id="popover" class="hide">
  <div class="row">
    <div class="col-sm-12" style="width:300px">
      <div id="popoverButtonGroup">
        <div class="input-group" id="slot1">
          <div class="input-group-btn">
            <input class="btn btn-secondary-outline" type="button" value="1">
          </div>
          <input type="text" class="form-control" placeholder="Name your selections" aria-describedby="basic-addon1" readonly maxlength="50">
        </div>
    </div>
  </div>
</div>

JavaScript

$("#saveSelection").popover({
  delay: 500,
  placement: 'top',
  html: 'true',
  trigger: 'click',
  container: 'body',
  //selector: '#popover',
  title: '<a class="close" href="#" style="float:right">&times;</a> </br>' + ('<p>Choose a save slot:</p>'),
  content: function() {
    return $("#popover").html();
  },
}).on('shown.bs.popover', function (e) {

        var $cur_pop = $("div.popover");
        $cur_pop.find('a.close').click(function (e) {
            $cur_pop.find("#popoverSavebutton").addClass('disabled');
            $("#saveSelection").popover('toggle');
        });
        });
$("#startIntro").click(function() {
  var intro2 = introJs();
  intro2.setOptions({
      exitOnOverlayClick: true,
      showBullets: false,
      //showStepNumbers: false,
      steps: [
      {
        element: document.querySelector('#saveSelection'),
        intro: "Click this button to call popover window.",
        position: 'top'
      },
      {
        intro: "popover windown",
        preChange: function(){
        	this.element = document.querySelector('.popover.fade.top.in');
          this.position = "top";
        }
      }, 
      ],
  })
  .setOption('doneLabel', 'Close')
  .onbeforechange(function(){
    if (this._introItems[this._currentStep].preChange) {
        this._introItems[this._currentStep].preChange();
      }
  })
  .start();
  });