_new.html.erb

<div class="modal-body">
  <div class="head-part">
    <h2 class="title"></h2>
    
  </div><!-- .head-part -->

  <div class="body-part">
<form>
    <div class="options">
      <div class="part">
        <label for="hour" class="mylabel">Set the Hour</label>

        <div class="selectwrap">
          <select name="hour" id="hour" class="myinput">
      <%= options_for_select [['Midnight', '00'],['1:00AM', '01'],
['2:00AM','02'],
['3:00AM','03'],
['4:00AM','04'],
['5:00AM','05'],
['6:00AM','06'],
['7:00AM','07'],
['8:00AM','08'],
['9:00AM','09'],
['10:00AM','10'],
['11:00AM','11'],
['12:00PM','12'],
['1:00PM','13'],
['2:00PM','14'],
['3:00PM','15'],
['4:00PM','16'],
['5:00PM','17'],
['6:00PM','18'],
['7:00PM','19'],
['8:00PM','20'],
['9:00PM','21'],
['10:00PM','22'],
['11:00PM','23']], '12' %>
	  </select>
        </div>
      </div>
      
      <div class="part">
        <label for="minute" class="mylabel">Set the Minutes</label>
        
        <div class="selectwrap">
          <select name="minute" id="minute" class="myinput">
            <option value="00">00</option>
            <option value="15">15</option>
            <option value="30">30</option>
            <option value="45">45</option>
          </select>
        </div>
      </div>
      
      <div class="part dp">
        <label for="date" class="mylabel">Day</label>
        
        <div class="dp-wrap">                      
          <select class="multi" name="day" id="day" multiple  >
            <option value="1">Sunday</option>
            <option value="2">Monday</option>
            <option value="3">Tuesday</option>
            <option value="4">Wednesday</option>
            <option value="5">Thursday</option>
            <option value="6" selected>Friday</option>
            <option value="7">Saturday</option>
          </select>
        </div>
      </div>
    </div><!-- end options -->
    
    <div class="btns">
      <a class="do-not" data-dismiss="modal">close without saving</a>
      <button class="submit-button" data-dismiss="modal" id="addFeedBtn"></button>
    </div><!-- .btns -->
</form>    
  </div><!-- .body-part -->
  

  <div class="foot-part">
    <i class="feet"></i>
  </div><!-- .food-part -->
  
  
</div><!-- .model-body -->

devices.js

$(document).on("click", "#addFeedBtn", function(e) {
   	   var element = $(this);
		   //post the contents of the form
		   $.post("schedules", $(this).parents("form").serialize(), function(result) {
			      console.log("Post was successful");
			  });
 		   $("#addFeedModal").empty();
 	       });