title: Kik is not enabled on Kik site
body: <p>I recently wanted to test kik site development. I forked and cloned the kik <a href="https://github.com/kikinteractive/starter-kit" rel="nofollow">starter-kit repository</a>. I followed the setup, and wrote this simple script (the script runs fine without the if statement):</p>
  
  <pre><code>if (kik.enabled) {
      var div = document.getElementById("main_button");
      div.innerHTML = "KIK IS ENABLED!"
  }
  </code></pre>
  
  <p>This is supposed to change the text of the main button on the webpage to "KIK IS ENABLED!" if the site is running through the kik app. I start the debug server on my local network using</p>
  
  <pre><code>npm start
  </code></pre>
  
  <p>I start kik on my phone, go to the browser and connect to the server. It connects fine and the webpage shows up, only problem is that the text of the button hasn't changed, suggesting that kik is not enabled even though I ran it through the kik app.</p>
  
  <p>I have no idea what's causing this. Does the website need to be running on a online webserver for kik to be enabled?</p>
  
  <p>Here's the code that should be relevant:</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html manifest="manifest.appcache"&gt;
      &lt;head&gt;
          &lt;!-- App info --&gt;
          &lt;title&gt;Starter Kit&lt;/title&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="description" content="My amazing app!"&gt;
          &lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
          &lt;meta name="kik-transparent-statusbar" content="black"&gt;
          &lt;meta name="kik-hide-form-helpers" content="true"&gt;
          &lt;link rel="kik-icon" href="/img/icon.png"&gt;
  
          &lt;!-- Styles --&gt;
          &lt;link rel="stylesheet" href="//cdn.kik.com/app/3.0.1/app.min.css"&gt;
          &lt;link rel="stylesheet" href="/css/styles.css"&gt;
          &lt;link rel="stylesheet" href="/css/home.css"&gt;
          &lt;link rel="stylesheet" href="/css/page2.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;!-- Pages --&gt;
  
          &lt;div class="app-page home-page" data-page="home"&gt;
              &lt;div class="app-topbar red"&gt;
                  &lt;div class="app-title"&gt;Home page&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="app-content"&gt;
                  &lt;div class="app-section"&gt;
                      &lt;div id="main_button" class="app-button" data-target="page2"&gt;Go to Page 2&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="app-page page2-page" data-page="page2"&gt;
              &lt;div class="app-topbar red"&gt;
                  &lt;div class="app-button left" data-back data-autotitle&gt;&lt;/div&gt;
                  &lt;div class="app-title"&gt;Page 2&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="app-content"&gt;
                  Page 2 is lonely
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Scripts --&gt;
          &lt;script src="/zerver/API.js"&gt;&lt;/script&gt;
          &lt;script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.3/zepto.min.js"&gt;&lt;/script&gt;
          &lt;script src="//cdn.kik.com/kik/1.0.22/kik.js"&gt;&lt;/script&gt;
          &lt;script src="//cdn.kik.com/app/3.0.1/app.min.js"&gt;&lt;/script&gt;
          &lt;script src="/controller/home.js"&gt;&lt;/script&gt;
          &lt;script src="/controller/page2.js"&gt;&lt;/script&gt;
          &lt;script src="/main.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>home.js</p>
  
  <pre><code>if (kik.enabled) {
      var div = document.getElementById("main_button");
      div.innerHTML = "KIK IS ENABLED!"
  }
  </code></pre>