Как набрать и удалить одновременно два поля ввода в jquery

Question

У меня есть несколько вкладок, каждая из которых содержит сетку данных со списком имен. Каждая вкладка имеет поле 'search' input, в котором можно выполнить поиск значений внутри таблицы данных. Я хотел бы ввести строку в первое поле ввода поиска и увидеть ту же строку, когда я переключаюсь между вкладками. Также, когда я удаляю строку во второй вкладке, она также должна удаляться и на первой вкладке.

Мне удалось скопировать строку во второе поле поиска, где я столкнулся с несколькими проблемами.

1. Хотя строка копируется во второе поле поиска, поиск не применяется.
2. Если я удаляю строку поиска во втором поле поиска, строка все равно остается в первом поле поиска. Моя цель - каким-то образом соединить два поля поиска и работать как одно.

$(document).ready(function myFunction() {
  $('#datagridOne').find('.e-input-large').bind('keypress blur', function myFunctionT() {
    $('#datagridTwo').find('.e-input-large').val($('.e-input-large').val() );
  });  
});

Answer 1

HTML:

<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">

Jquery:

$(".mySearchFields").on("input", function(){
   $(".mySearchFields").val($(this).val());
});

Фрагмент кода, демонстрирующий это:

$(".mySearchFields").on("input", function(){
    $(".mySearchFields").val($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">

Попробуйте это

РЕДАКТИРОВАТЬ: Добавлено больше, чем для поиска полей ввода, чтобы продемонстрировать, что это решение не ограничивается двумя, но может работать на всех поля ввода с одинаковым классом.

Answer 2

Вы можете сделать это почти одновременно, используя jquery:

<input class="one" name="ipt">
<input class="one" name="ipt">

JQuery:

$(".one").change(function(){
    $('input[name="ipt"').val($("#one").val());
});

Отредактировано: это был просто пример, демонстрирующий концепцию. Теперь точнее