Jquery date range picker for apex VisualForce pages

$(document).ready(function(){
            $('[id*="dateRange1"]').datepicker({
              defaultDate: new Date(),
              changeMonth: true,
              numberOfMonths: 1,
              onClose: function( selectedDate ) {
                var date2 = $('[id*="dateRange1"]').datepicker('getDate');
                if(date2!=null){date2.setDate(date2.getDate()+1);}
                $('[id*="dateRange2"]').datepicker( "option", "minDate", date2 );
              }
            });
            $('[id*="dateRange2"]').datepicker({
              defaultDate: new Date(),
              changeMonth: true,
              numberOfMonths: 1,
              onClose: function( selectedDate ) {
                //$('[id*="dateRange1"]').datepicker( "option", "maxDate", selectedDate );
              }
            });
});


HTML 
<apex:inputText id="dateRange1" html-placeholder="From" value="{!startDate}" style="margin-right:10px"/>
                        <apex:inputText id="dateRange2" html-placeholder="To" value="{!endDate}" />