title: Using Typeahead.js with Bootstrap 3 in xpages not working
body: <p>I am trying to use the typeahead.js functionality with bootstrap 3 in an Xpage. </p>
  
  <p>I have included the Bootstrap 3 files, jQuery2.4.3  and typeahead.js in the database( webContent) and included them as resources along with the input field/Editbox and assigned it with the class of 'typeahead'. </p>
  
  <p>I am using an example from a response by <a href="https://stackoverflow.com/users/1177870/mark-leusink">Mark Leusink</a> to another separate issue <a href="https://stackoverflow.com/questions/24625225/xpages-typeahead-with-twitter-bootstrap-loading-a-ssjs-array-into-the-value-l">Xpages: TypeAhead with Bootstrap</a>. </p>
  
  <p>See my Xpage code below:</p>
  
  <pre><code>    &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" &gt;
      &lt;xp:this.resources&gt;
          &lt;xp:styleSheet href="/bootstrap/css/bootstrap.min.css"&gt;&lt;/xp:styleSheet&gt;
          &lt;xp:styleSheet
              href="/bootstrap/css/typeahead.js-bootstrap.css"&gt;
          &lt;/xp:styleSheet&gt;
          &lt;xp:script src="/jquery/jquery-2.1.4.js"
              clientSide="true"&gt;
          &lt;/xp:script&gt;
          &lt;xp:script src="/bootstrap/js/bootstrap.js"
              clientSide="true"&gt;
          &lt;/xp:script&gt;
          &lt;xp:script src="/jquery/x$.js"
              clientSide="true"&gt;
          &lt;/xp:script&gt;
          &lt;xp:script src="/typeahead/typeahead.bundle.js"
              clientSide="true"&gt;
          &lt;/xp:script&gt;
      &lt;/xp:this.resources&gt;
      &lt;xp:this.beforePageLoad&gt;
          &lt;![CDATA[#{javascript:viewScope.put("typeaheadOptions", toJson(["Alabama", "Alaska"]));}]]&gt;
      &lt;/xp:this.beforePageLoad&gt;
  
      &lt;xp:inputText id="inputText1" autocomplete="off"
          styleClass="typeahead tt-query"&gt;
  
      &lt;/xp:inputText&gt;
  
      &lt;xp:scriptBlock id="scriptBlock1"&gt;
          &lt;xp:this.value&gt;&lt;![CDATA[var value = #{viewScope.typeaheadOptions};
  x$('inputText1').typeahead({source: value });
  
      ]]&gt;&lt;/xp:this.value&gt;
      &lt;/xp:scriptBlock&gt;
  &lt;/xp:view&gt;
  </code></pre>
  
  <p>When I type in the input field nothing happens. What am I doing wrong?</p>
  
  <p>Thanks</p>