Add Add-ons data to Payment Summary

Add Add-ons data to Payment Summary

I have add-ons list with plus, minus icon for increment and decrements count. When user click on + icon name and price with count should added to payment summary. I have used foreach but its not working.

  1. $('.js-plus-icon').on('click',function(){
  2.       //code
  3. }
  4. $('.js-plus-minus').on('click',function(){
  5.       //code
  6. }
  7. //html
  9. <div class="input-group" style="margin-bottom: 5px;">
  10.       <span class="input-group-btn">
  11.            <button type="button" class="btn btn-torq js-minus-icon 1" data-minus-addon="1" data-price="1200">
  12.                 <span class="glyphicon glyphicon-minus"></span>
  13.            </button>
  14.      </span>                              
  15.      <input type="text" placeholder="0" class="form-control count 1" value="0" min="0" style="text-align: center;" required="" readonly="" data-addons-name="ABC" data-price="1200">
  16.         <span class="input-group-btn">
  17.                <button type="button" class="btn btn-torq js-plus-icon 1" data-plus-addon="1" data-price="1200">
  18.                      <span class="glyphicon glyphicon-plus"></span>
  19.                 </button>
  20.           </span>
  21. </div>
Above will be dynamic list and more list. I want to add if user click on + plus icon add addon data to div and if count become 0 remove addon from div
  1. <div class="addon_data">append here data</div>