title: Nightsbridge booking calender, Send input values to a redirect page after form submission
body: <p>I'm working on a simple peace of code to Send input values to a redirect page after form submission.</p>
  
  <p>However my skill set to complete the script is a bit too basic, i want the below script to redirect as explained below:</p>
  
  <p>Herewith the form to generate the "Check in and Check out input fields:</p>
  
  <pre><code>&lt;form class="form book-now-form" role="form" id="widget_booking_form" name="widget_booking_form"&gt;
      &lt;input id="action" type="hidden" value="2" name="action"&gt; &lt;input id="clone_id" type="hidden" value="1111" name="bbid"&gt;
      &lt;!--check in element--&gt;
      &lt;div class="form-group"&gt;
         &lt;label for="check-in"&gt;Check In&lt;/label&gt; &lt;!-- &lt;input type="textfield" class="form-control" id="check-in" placeholder="12.20.2014"&gt; --&gt;
         &lt;input type="text"  class="form-control" id="start-date" name="startdate" placeholder="mm/dd/yyyy"&gt;
      &lt;/div&gt;
      &lt;!--check out element--&gt;
      &lt;div class="form-group"&gt;
         &lt;label for="check-out"&gt;Check Out&lt;/label&gt; &lt;!-- &lt;input type="textfield" class="form-control" id="check-out" placeholder="12.27.2014"&gt; --&gt;
         &lt;input type="text" class="form-control" id="end-date" name="enddate" placeholder="mm/dd/yyyy" &gt;
      &lt;/div&gt;
      &lt;!--submit--&gt;
      &lt;div class="form-group"&gt;
         &lt;button name="Submit" href="#" class="btn btn-sm btn-warning"&gt;Search&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here with the JS used to generate the calendar and dates:</p>
  
  <pre><code>$( document ).ready(function() {
    $( function() {
      var dateToday = new Date();
      var dates = $("#start-date, #end-date").datepicker({
        defaultDate: "+2d",
        changeMonth: true,
        numberOfMonths: 1,
        minDate: dateToday,
        onSelect: function(selectedDate) {
            var option = this.id == "start-date" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
            dates.not(this).datepicker("option", option, date);
        }
      });
    });
  });
  </code></pre>
  
  <p>But with the above code, the script generates the input values (Dates) incorrectly along with all input Variables.</p>
  
  <p>So i need to now have the page redirect to nightsbrige's bridge (<a href="https://www.nightsbridge.co.za/bridge/book" rel="nofollow noreferrer">https://www.nightsbridge.co.za/bridge/book</a>) with the following Variable format</p>
  
  <pre><code>?action=2&amp;bbid=1111&amp;startdate=2018-05-08&amp;enddate=2018-05-09
  </code></pre>
  
  <p>and not <code>?action=2&amp;bbid=1111&amp;startdate=05%2F16%2F2018&amp;enddate=05%2F23%2F2018&amp;Submit=</code></p>
  
  <p>any assistance will greatly be appreciated :) once this code is fixed it will be free to use.</p>