axblue

Нужно передавать собственно this в функцию.
Насчет того что не работает .on('click') скрипт просто отрабатывает быстрее чем подгружается map. Нужно просто весить событие на динамически подгружаемый блок

$('здесь класс или ид контейнера где находится элемент').on( 'click', 'a', function(){
//код выполнения
})

Главное что бы контейнер где находится элемент подгружался не динамически. Можно хоть body использовать как контейнер

$('body').on( 'click', 'a.указать класс, так как в контейнере может содержаться не один тег a', function()

SSR

Это пока то, что заметил.
if (a === "умножить")
alert(result)
= присвоение
== это сравнение равенства
=== сравнение равенства значения и типа переменной, то есть сравниваем строку с строкой и только.

Создаете в дереве html элемент прелоудера, стилизуете его так что бы он был на весть экран. Прописываете блоку контента display:none или ещё как-то скрываете его.
Дальше пишите скрипт:

$(window).on('load', function () {
    $('#ваш скрытый блок контента').css("display", "block"); // показываем блок с контентом 
    $('#ваш прелоудер').delay(350).fadeOut('slow'); // и скрываем сам блок прелоудера.
});

Странное ощущение, когда сижу долго над задачей, потом задаю вопрос на тостере и буквально в первые минуты нахожу сам решение) Решил создать ассоциативный массив вида arr[id] = text

Скорее хорошо владеть JS. Так как при отправке вы должны упаковать правильно эти данные и отправить на сервер. На сервере вы просто принимаете эти данные и работаете с этими данными как вам уже угодно. Собственно там ничего сложного нету.

$('form').submit(function(event) {
    event.preventDefault();
    var a=$(this).serialize();
    $.get('login.php',a,backfun);
});

Плюс функцию не надо писать, есть методы ajax которые вызываются при успешной отправки и при ошибке.

Рекомендую всем в какой раз, для начала идете на кодепен, вбиваете, смотрите варианты, что-то не понятно или же нету вариантов-спрашиваете. А так по данному запросу там полно ворков.
Тык Тык

var colors = ['red','green','blue'];
var i=0;
$('.some-class').click(function() {
    $(this).removeClass(colors[i]);
		i++;
		if (i < colors.length) {
        $(this).addClass(colors[i]);
     }
});

Laravel Localization

Подключайте jq в кодепен напрямую, не выносите в скрипт либу. Нужно повесить событие на инпуты

$(".input1").on("input" function(){ //срабатывает при изменении значения в инпут1
//получаете значение через this
//считаете что надо
//суете значение в input2, например $('input2').val(value);
)}

$(".input2").on("input", function(){//срабатывает при изменении значения в инпут2
//аналогично первому варику ток считаете что надо и пихаете в первый инпут
)}

UPD:

var input1 = $('.input1'), input2 = $('.input2');

function calc(r) {
  return parseFloat(r) * 1.0746;
}

input1.on("input", function(){ 
  input2.val(calc($(this).val()));
});

input2.on("input", function(){ 
 input1.val(calc($(this).val()));
});

Это лайт вариант.

Да, вы в правильном направлении, кодпен вам в помощь.

ajax

var spanData = $('span').text();
$.post( "test.php", spanData, function( data ) {
  console.log( data); 
}).done(function(result){
  alert("отправил на сервер");
})
.fail(function(jqXHR, textStatus, errorThrown){
   alert("фейл: "+textStatus);
})

UPD:

$('.modal_button').on('click', function (event) { //вешаете допустим на клик кнопки по мод.окну
    var span_value = $('span').text(),//получаете значение span
        input_article = $('input.article');//скрытый инпут
    if (span_value == '')//если спан пустой 
        input_article.val('FF');//то в инпут article устанавливаем значение по умолчанию FF
    }else { // если есть значение в спане
        input_article.val(span_value); //то устанавливаем в инпут значение спана
    }
});

В форме:

<input class="article" type="hidden" name="article" value="">

Посмотрите данный пакет, что-то похожее multi-cursor