title: Jquery i18n plugin
body: <p>I'm trying to use <a href="https://github.com/wikimedia/jquery.i18n" rel="nofollow">this</a> jquery plugin for i18n.</p>
  
  <p>Specifically, I want to use the data API in tags that must be translated but it's not working.</p>
  
  <p>The alert shows "um" and the spans stay with "Um" and "Dois". I want a alert that shows "ONE" and the spans "ONE" and "TWO" respectively.</p>
  
  <p><strong>Page</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  
  &lt;title&gt;jQuery i18n Demo&lt;/title&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" &gt;&lt;/script&gt;
  &lt;script src="../src/jquery.i18n.js"&gt;&lt;/script&gt;
  &lt;script src="../src/jquery.i18n.messagestore.js"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $.i18n({
          locale: 'en'
      });
  
      alert($.i18n("um"));
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;span data-i18n="um"&gt;Um&lt;/span&gt;.
  &lt;span data-i18n="dois"&gt;Dois&lt;/span&gt;.
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>en.json</strong></p>
  
  <pre><code>{
  "um": "ONE",
  "dois": "TWO"
  }
  </code></pre>
  
  <p>Has anyone ever use this?</p>