jquery - How to render form in Bootstrap modal in Rails? -

i using bootstrap modal in rails app. code have right now:

index page:

    <button type="button" class="btn btn-primary" data-amount="30" data-toggle="modal" data-target=".bs-example-modal-sm">process payment</button>      <%= render 'point_transactions/payment'%> 

jquery bootstrap modal:

$('#mymodal').on('shown.bs.modal', function() {   $('#myinput').focus() }) 

my form processing braintree payment

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mysmallmodallabel">   <div class="modal-dialog modal-sm">     <div class="modal-content">       <%=form_for point_transactions_path, url: point_transactions_path |f| %>         <div id="payment-form"></div>         <br>           <%=f .submit 'submit', class: 'btn btn-success btn-lg' %>             <%end%>     </div>   </div> </div>  <script>   braintree.setup('____', "dropin", {     container: "payment-form"   }); </script> 

every time load index page, render payment form. if click on button, jquery modal pop form.

1. how can render form after user click on button - guess in jquery?

2. my button include data-amount="30". how can pass parameter data-amount controller through jquery?

thank help.

as attempt answer second question, assuming want value 30 controller. if case, add url query param.

form_for point_transactions_path, url: point_transactions_path(amount: 30) |f| 

back in controller can lik this

params[:amount]  #=> 30