jQuery関数でボタンが機能しない

Question

jQuery関数を呼び出すボタンを追加しようとしています。現在、HTMLコードは次のようになっています

<div id="tabs" class="col-xs-4 col-md-3"> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"> 
    <a href="#regions" aria-controls="regions" role="tab" data-toggle="tab">Regions</a> 
    </li> 
    <li role="presentation"> 
    <a href="#computations" aria-controls="computations" role="tab" data-toggle="tab">Computations</a> 
    </li> 
    <li role="presentation"> 
    <a href="#multicycle" aria-controls="multicycle" role="tab" data-toggle="tab">Multi-Cycle Regions</a> 
    </li> 
</ul> 
<div class="tab-content"> 
    <div role="tabpanel" class="tab-pane fade in active" id="regions"> 
     <div class="row" style="margin-left: 2%; margin-right: 2%;"> 
     <button id="import-regions" class="btn btn-default col-md-5 mobile-device" disabled>Import Regions</button> 
     <div class="col-md-2"></div> 
     <button id="clear-regions" class="btn btn-danger col-md-5 mobile-device hidden">Clear Regions</button> 
     </div> 
     <ul id="region-list" class="list-group"> 
     </ul> 
    </div> 
<div role="tabpanel" class="tab-pane fade" id="multicycle"> 
    <div class="row" style="margin-left: 2%; margin-right: 2%;"> 
     <div class="col-md-10"> 
      <h4>Draw Multi-cycle Regions</h4> 
      Draw multi-cycle regions by pressing start, drawing multiple regions and then pressing stop 
     </div> 
     <button id="start-multi" class="btn btn-default col-md-5 mobile-device">Start</button> 
     <div class="col-md-2"></div> 
     <button id="clear-regions" class="btn btn-default col-md-5 mobile-device">Stop</button> 
    </div> 
</div> 

この例では、IDが「clear-regions」の初期ボタンが正しく機能しています。 2番目のクリア領域ボタンは、jQuery関数を適切に呼び出すようには見えません。 （2番目のボタンをテストするには、関数が正しく機能していることを知っていたので、テストのためにIDをクリア領域に設定しました。）2番目のボタンをコード内の複数の場所に移動し、このエラーは何も見つかりませんでした。私はここで見落とされていることは明らかですか？ありがとう！

Answer 1

idは一意である必要があります。両方のボタンのクラスとしてclear-regionsを追加するか、別のidを2番目のクリア領域ボタンに追加するかのどちらかです。