title: Getting i18next translator Missing key
body: <p>This is my first time with i18next and I have no idea how to make it work. (it seems like the <a href="http://i18next.com/docs/" rel="noreferrer">documentation</a> is incomplete to me)
  This is my HTML code with i18next </p>
  
  <pre><code>&lt;html&gt;   
    &lt;head&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/4.0.0/i18next.min.js" &gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-i18next/1.1.0/jquery-i18next.min.js"&gt;&lt;/script&gt;
      &lt;script src="/i18nextXHRBackend.min.js"&gt;&lt;/script&gt;   
    &lt;/head&gt;
  
    &lt;body&gt;
        &lt;div id="test"&gt;
          &lt;a data-i18n="Hello"&gt;&lt;/a&gt;
          &lt;div data-i18n="World"&gt;&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;script&gt;
          i18next
              .init({
                  "debug": true,
                  "lng": "en",
                  "ns": [
                    "translation"
                  ],
                  "fallbackLng": false,
                  "keySeparator": false,
                  "nsSeparator": false,
                  resources: {
                    "backend": {
                      "loadPath": "locales/{{lng}}/{{ns}}.json"
                    }
                  }
                }, function(err, t) {
                 jqueryI18next.init(i18next, $);
                 $('#test').localize();
               });
        &lt;/script&gt;
    &lt;/body&gt;  
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my JSON:</p>
  
  <blockquote>
    <p>{ "Hello" : "Hello in english",   "World" : "World in english" }</p>
  </blockquote>
  
  <p>Nothing display in my page, In console I have got this</p>
  
  <pre><code>i18next::translator: missingKey en translation Hello
  
  i18next::translator: missingKey en translation World 
  </code></pre>
  
  <p>Am I missing anything?</p>