How to add a AJAX Language Dropdown that reloads the current page?

How to add a AJAX Language Dropdown that reloads the current page?

I'm trying to write a language dropdown select into my header of my JQM apps. The language is handled by the server side coding (PHP/SQL); data, stored, etc. The server side part works perfectly, but I can not figure out how to handle the ajax events and the existing bindings on the current page. 

I'm seeing multiple events firing off after I select the language more than once. I think it's due to the use of the "pagecreate" which I use when loading the page.

Here's the index pages 'pagecreate' (trimmed down a bit):
  2. $(document).on('pagecreate', '#index', function(event) {

  4.     var page = event.target.id;
  5.     self.consoleLog('pagecreate: #'+page);
  6.     self.bindLanguage(page);

  8.     var apptAnchor = null;
  9.     $('#someListRefreshButton').on('tap', function(e){
  10.         self.buildSomeList();
  11.     });

  13.     // Refresh SomeList
  14.     self.buildSomeList();
  15.     refreshSomeListId = setInterval(function() {
  16.         self.buildSomeList();
  17.     }, 60 * 1000);
  18. });



Here's the language binding code:
  1. bindLanguage: function(page) {

  3.     var self = this;
  4.     self.consoleLog('bindLanguage: #'+page);

  6.     // On change of language select
  7.     $(document).on("change", "select.languageDisplay", function(e) {
  8.         self.settings.lang = e.currentTarget.value;
  9.         self.consoleLog(self.settings.lang);
  10.         $.getJSON(self.settings.base_url + 'someapp/ajax_set_lang/' +
  11.                 encodeURIComponent(self.settings.lang), function(response) {
  12.             if (response.result) {
  13.                 var pageUrl = self.settings.base_url + response.controller + '/' + page;
  14.                 self.consoleLog(pageUrl);
  15.                 // Set new language to ls and settings
  16.                 self.settings.language = response.language;
  17.                 self.lsSet('language', response.language);
  18.                 // Change/Reload Page: http://api.jquerymobile.com/pagecontainer/#method-load
  19.                 $(":mobile-pagecontainer").pagecontainer('change', pageUrl,
  20.                         {allowSamePageTransition: true, showLoadMsg: true, reload: true}
  21.                 );
  22.             }
  23.             //$(document).off("change", "select.languageDisplay");
  24.         });
  25.     });

  27. },

I thought about unbinding (using .off above), but that's not going to solve the problem of the other bindings firing off more than once. I assume I need to move some of the bindings code out of the "pagecreate" and into a "pagecontainershow" - but I'm not sure how to write that code.