<h1>Explicação</h1>

Para fazer com que o código execute e realize a internacionalização é necessário invocar a função `$.i18n()` nos elementos desejados. Para utilizar de forma genérica (em todos os elementos com o atributo data-i18n), utilize o seletor `[data-i18n]'`.

O código pode ser executado da seguinte forma: `$('[data-i18n]').i18n()`.

<h1>Exemplo</h1>

Segue abaixo um exemplo demonstrando o uso do plugin. É importante lembrar que o snippet não vai funcionar dentro do stackoverflow porque o código está apontando para a dependência local. Não consegui localizar o resource necessário em um CDN.

<!-- begin snippet: js hide: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="en">

    <head>

      <meta charset="utf-8">

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
      <script src="jquery.i18n.js"></script>
      <script src="jquery.i18n.messagestore.js"></script>

    </head>

    <body>

      <div data-i18n="ola">ola</div>
      <div data-i18n="mundo">mundo</div>

      <script type="text/javascript">
        $.i18n().load({
          br: {
            'ola': 'ola',
            'mundo': 'mundo'
          },
          en: {
            'ola': 'hello',
            'mundo': 'world'
          },
          es: {
            'ola': 'hola',
            'mundo': 'mundo'
          }
        });

        function changeLocale(locale) {

          $.i18n({
            locale: locale
          });

          $('[data-i18n]').i18n();

        }

        $(function() {

          $('button').on('click', function() {

            var locale = $(this).data('locale');

            changeLocale(locale);

          });

        });

        changeLocale('en'); // locale default da página
      </script>

      <button type="button" data-locale="br">br</button>
      <button type="button" data-locale="en">en</button>
      <button type="button" data-locale="es">es</button>

    </body>

    </html>

<!-- end snippet -->