На странице есть скрипт, который на основе введенных в форму данных выполняет умножение чисел и результат показывает в другом инпуте.
$(function() {
var argument = $('input[name="data[Destination][argument]"]')
, result = $('input[name="data[Destination][result]"]')
, multiplier = parseInt($('input[name="data[Destination][multiplier]"]').val(), 10);
argument.on('input', function() {
result.val($(this).val() * multiplier);
});
});
})(jQuery);
Проблема в том, что блок инпутов внутри формы содержится в модальном высплывающем окошке, и таких окошек на странице десятки. Само всплывающее окошко открывается при клике по ссылке на странице. В укороченном варианте выглядит как-то так (все одинаковое кроме id дива с модальником):
<div id="myModal1">
<input name="data[Destination][argument]"/>
<input name="data[Destination][multiplier]"/>
<input name="data[Destination][result]"/>
</div>
...
<div id="myModal25">
<input name="data[Destination][argument]"/>
<input name="data[Destination][multiplier]"/>
<input name="data[Destination][result]"/>
</div>
Как поправить js так, чтобы он работал внутри определенного вспл.окошка (не дублируя js в каждое вспл.окно), именно того, которое сейчас открыто?