main.js for multilingual website

main.js

//mainCAT.js
$(document).ready(function() {
  'use strict';
  $.get('partials/partials.html', function(data) {
    
    var $partials = $('<div />').html(data); // Englobamos data con un div para poder buscar cada template por #id
    var $navbar = $partials.find('#navbarTemp').html();
    var $footer = $partials.find('#footerTemp').html();
    
    $.getJSON('json/index.json', function(dataJson) {
      
      //Usamos Mustache para combinar el contenido de partials con los datos del archivo .json
      var outNavbar = Mustache.render($navbar, dataJson.index.cat.navbar);
      var outFooter = Mustache.render($footer, dataJson.modal.cat);
      
      //Seleccionamos los elementos del frontEnd y le añadimos el contenido  
      $('.header-container').html(outNavbar);
      $('.footer-container').html(outFooter);
    }
  }
}

//mainES.js
$(document).ready(function() {
  'use strict';
  $.get('../partials/partials.html', function(data) {
    
    var $partials = $('<div />').html(data);
    var $navbar = $partials.find('#navbarTemp').html();
    var $footer = $partials.find('#footerTemp').html();
    
    $.getJSON('../json/index.json', function(dataJson) {
      
      var outNavbar = Mustache.render($navbar, dataJson.index.es.navbar);
      var outFooter = Mustache.render($footer, dataJson.modal.es);
      
      $('.header-containerES').html(outNavbar);
      $('.footer-containerES').html(outFooter);
    }
  }
}