<div class="row centered">
  <div class="panel panel-default col-sm-8 ">

    <%= simple_form_for service do |f| %>
      <%= render "layouts/application/form_errors", object: service %>

      <p class="form-required">*Required fields</p>
            
      <%= f.input :service_name %>
      <%= f.input :description, as: :text, hint: 'Maximum 2000 characters' %>
      <%= f.input :price,  as: :decimal, hint: "Omit the dollar sign (example: 25.00)" %>
      <%= f.input :start_time, as: :time, html5: true %>
      <%= f.input :end_time, as: :time, html5: true %>

      <%= f.button :submit, class: "primary" %>

    <% end %>

  </div><!-- /.panel -->
</div><!-- /.row -->

<div class="row centered">
  <div class="panel panel-default col-sm-8 ">

    <%= simple_form_for service do |f| %>
      <%= render "layouts/application/form_errors", object: service %>

      <p class="form-required">*Required fields</p>

      <%= f.input :service_name %>
      <%= f.input :description, as: :text, hint: 'Maximum 2000 characters' %>
      <%= f.input :price,  as: :decimal, hint: "Omit the dollar sign (example: 25.00)" %>
      <%= f.input :start_time, as: :time, html5: true %>
      <%= f.input :end_time, as: :time, html5: true %>

      <%= f.button :submit, class: "primary" %>

    <% end %>

  </div><!-- /.panel -->
</div><!-- /.row -->

<script type="text/javascript">


  $(function(){
    $('#new_service').submit(function(event){
      event.preventDefault();

      $.ajax({
        url: this.action,
        data: $(this).serialize(),
        dataType: "json",
        type: this.method,

        success: function(response){

          function Services(response){
            this.serviceList = response;
          }

        }

  });//end on()
});//end jquery()
</script>

Add ajax call on form submission
Add ajax call on form submission
