как сделать несколько форм с ajax?

Question

Как сделать несколько форм с помощью ajax? отображая различные виды с одним процессом в php?

У меня есть страница с несколькими формами. В одной из форм

<div class="form-group">
   <div class="input-group">
   <span class="input-group-addon">Search</span>
   <input type="text" name="search_text" id="search_text" placeholder="Search by Customer Details" class="form-control" autocomplete="off" />
</div>

<div class="form-group">
<div class="input-group">
   <span class="input-group-addon">Search</span>
   <input type="text" name="search_text" id="search_texts" placeholder="Search by Customer Details" class="form-control" autocomplete="off" />
</div>

<script>
$(document).ready(function(){
 load_data('');
 function load_data(query, typehead_search = 'yes')
 {
  $.ajax({
   url:"fetch.php",
   method:"POST",
   data:{query:query, typehead_search:typehead_search},
   success:function(data)
   {
    $('#result').html(data);
   }
  });
 }

 $('#search_text').typeahead({
  source: function(query, result){
   $.ajax({
    url:"adf.php",
    method:"POST",
    data:{query:query},
    dataType:"json",
    success:function(data){
     result($.map(data, function(item){
      return item;
     }));
     load_data(query, 'yes');
    }
   });
  }
 });
 $(document).on('click', 'li', function(){
  var query = $(this).text();
  load_data(query);
 });

});
</script>

Когда я отправляю кнопку в форме 1, кнопки в форме 2 не обновляются. Старые состояния все еще сохраняются. Могу ли я узнать, есть ли какое-то решение для этого.