title: JQuery UI date picker end date 1 day after start date
body: <blockquote>
    <p>So i am trying to restrict the user from selecting the check-out date
    to be the same as the check-in date using jQuery UI Date range picker
    (<a href="http://jqueryui.com/datepicker/#date-range" rel="nofollow">http://jqueryui.com/datepicker/#date-range</a>). I have it where they are
    not able to select before the check-in date but as of right now the
    check-in date and check-out date can be the same files.
    This is the jquery</p>
  </blockquote>
  
  <pre><code>  $(function() {
        $( "#check-in" ).datepicker({
          minDate: 0,
          dateFormat: "yy-mm-dd",
          changeMonth: true,
          numberOfMonths: 2,
          changeYear: true,
          onClose: function( selectedDate, inst ) {
              $( "#check-out" ).datepicker( "option", "minDate", selectedDate);
          }
      });
  
      $( "#check-out" ).datepicker({
          minDate: "+1D",
          dateFormat: "yy-mm-dd",
          changeMonth: true,
          numberOfMonths: 2,
          changeYear: true,
          onClose: function( selectedDate, inst ) {
              $( "#check-in" ).datepicker( "option", "maxDate", selectedDate +"+1D");
          }
      });
  
    });
  </code></pre>
  
  <p>This is the HTML</p>
  
  <pre><code>&lt;div class="formInput"&gt;
      &lt;label for="check-in"&gt;Check-in:&lt;/label&gt;
      &lt;input type="text" id="check-in" name="check-in" value="yyyy/mm/dd" size="30" class="textInput"&gt;
  &lt;/div&gt;
  
      &lt;div class="formInput"&gt;
          &lt;label for="check-out"&gt;Check-out:&lt;/label&gt;
          &lt;input type="text" id="check-out" name="check-out" value="yyyy/mm/dd" size="30" class="textInput"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>What I want is the check out date to default to 1 day after the check in date every time the check-in date is selected. Thank you in advance</p>