<!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    <form id="powerhour_form" method="post" name="powerhour_form">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Power Hours: </label>
                            <div class="col-sm-8 timebody">
                                <div class="row timebod" id="refid_0">
                                    <div class="col-sm-5">
                                        <label>Start</label>
                                        <input type="text" name="reminder_starts[]"  class="startpicker form-control" />
                                    </div>
                                    <div class="col-sm-5">
                                        <label>End</label>
                                        <input type="text" name="reminder_ends[]" class="endpicker form-control" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <a class="btn btn-primary" id="moretime" href="#" role="button">Add More</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Reminder trigger: </label>
                            <div class="col-sm-8">
                                {html_options class="form-control" style="width:100%;" name="reminder_time" id="reminder_time" options=$select_time }
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Power hour reminder: </label>
                            <div class="col-sm-8">
                                   <textarea class="form-control" id="sales_reminder" name="sales_reminder" rows="5" ></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" id="submit_form" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

$(document).ready(function() {
  $("#submit_form").click(function(){
    var my_form = $("#powerhour_form");
    console.log(my_form);
  });
});