title: Set Maximum Date In Chaining Datepicker
body: <p>I make a range datepicker with "from date" and "to date".</p>
  
  <p>Here code:</p>
  
  <pre><code>From &lt;input type="text" id="from" name="from" style="width: 80px" readonly&gt;
  To &lt;input type="text" id="to" name="to" style="width: 80px" readonly&gt;
  
  &lt;script&gt;
  $(function() {
      $( "#from" ).datepicker({
          showOn: "button",
          buttonImage: "images/calendar.png",
          buttonImageOnly: true,
          minDate: 0,
          changeMonth: true,
          beforeShowDay: $.datepicker.noWeekends,
          onSelect: function( selectedDate ) {
              $( "#to" ).datepicker( "option", "minDate", selectedDate );
          }
      });
      $( "#to" ).datepicker({
          showOn: "button",
          buttonImage: "images/calendar.png",
          buttonImageOnly: true,
          changeMonth: true,
          beforeShowDay: $.datepicker.noWeekends,
          onSelect: function( selectedDate ) {
              $( "#from" ).datepicker( "option", "maxDate", selectedDate );
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>What I want to do is: when user choose specific date at <code>#from</code>, I want to set maximum date at <code>#to</code>, say 10 days, from date in <code>#from</code>.</p>
  
  <p>How would I do that?
  Thanks.</p>