Jquery - нагрузка() несколько раз

Question

У меня есть следующий код:

<div class="banner_large"> 
    <h4 class="titulo">Text</h4> 
     <div class="block_text_banner"> 
      TEXT TEXT TEXT     
      <a href="javascript:void(0)" 
      class="btn_interested btn btn-primary">I'm Interested</a> 
     </div> 
     <div class="form_interested"></div> 
</div> 


<div class="banner_large"> 
    <h4 class="titulo">Text</h4> 
     <div class="block_text_banner"> 
      TEXT TEXT TEXT     
      <a href="javascript:void(0)" 
      class="btn_interested btn btn-primary">I'm Interested</a> 
     </div> 
     <div class="form_interested"></div> 
</div> 


<div class="banner_large"> 
    <h4 class="titulo">Text</h4> 
     <div class="block_text_banner"> 
      TEXT TEXT TEXT     
      <a href="javascript:void(0)" 
      class="btn_interested btn btn-primary">I'm Interested</a> 
     </div> 
     <div class="form_interested"></div> 
</div> 

выше, несколько объявлений баннера

Я хочу, чтобы загрузить файл формы, внутри DIV form_interested только тогда, когда кнопка btn_interested является щелкнул.

Примечание: у каждого баннерной кнопки есть кнопка btn_interested.

Я попытался это JQuery скрипт, но форма нагрузки на все баннерную рекламе:

<script> 
$(document).ready(function(){ 
    $(document).on('click', ".btn_interested", function(){ 
     $('.form_interested').load('form_interested.html'); 
    }); 
}); 
</script> 

Answer 1

Переключает на классы, а затем изолировать каждый экземпляр внутри мыши обработчика:

HTML

<div class="banner_large"> 
    <h4 class="titulo">Text</h4> 
     <div class="block_text_banner"> 
      TEXT TEXT TEXT     
      <a href="javascript:void(0)" 
      class="btn btn-primary btn_interested">I'm Interested</a> 
     </div> 
     <div class="form_interested"></div> 
</div> 

JS

$(document).on('click', ".btn_interested", function(){ 
    /* "this" is current button, look up to parent, then find element within parent to load*/ 
    $(this).closest('.banner_large').find('.form_interested').load('form_interested.html'); 
});