title: unable to disable future date in jquery datepicker
body: <p>My application requires that the date picker should display the calender body on click, select date today's date being active and future date deactivated... i am new in jquery and it has disturbed me for a month. assist please. I am able to display the datepicker and choose any date upto 2030, but i need the calender to be active upto today's date or current date only. 
  thanks in advance.</p>
  
  <p>my calender to be displayed..</p>
  
  <pre><code>&lt;table id="calenderTable" class=""&gt;
                  &lt;tbody id="calenderTableHead"&gt;
                      &lt;tr&gt;
                          &lt;td colspan="4" align="center"&gt;
                              &lt;select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
                                  this.selectedIndex, false));" id="selectMonth"&gt;
                                  &lt;option value="0"&gt;Jan&lt;/option&gt;
                                  &lt;option value="1"&gt;Feb&lt;/option&gt;
                                  &lt;option value="2"&gt;Mar&lt;/option&gt;
                                  &lt;option value="3"&gt;Apr&lt;/option&gt;
                                  &lt;option value="4"&gt;May&lt;/option&gt;
                                  &lt;option value="5"&gt;Jun&lt;/option&gt;
                                  &lt;option value="6"&gt;Jul&lt;/option&gt;
                                  &lt;option value="7"&gt;Aug&lt;/option&gt;
                                  &lt;option value="8"&gt;Sep&lt;/option&gt;
                                  &lt;option value="9"&gt;Oct&lt;/option&gt;
                                  &lt;option value="10"&gt;Nov&lt;/option&gt;
                                  &lt;option value="11"&gt;Dec&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;
                          &lt;td colspan="2" align="center"&gt;
                              &lt;select onChange="showCalenderBody(createCalender(this.value,
                  document.getElementById('selectMonth').selectedIndex, false));" id="selectYear"&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;
                          &lt;td align="center"&gt;
                              &lt;a href="#" onClick="closeCalender();"&gt;&lt;font color="#003333" size="+1"&gt;X&lt;/font&gt;&lt;/a&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
                  &lt;tbody id="calenderTableDays"&gt;
                      &lt;tr style=""&gt;
                          &lt;td&gt;Sun&lt;/td&gt;&lt;td&gt;Mon&lt;/td&gt;&lt;td&gt;Tue&lt;/td&gt;&lt;td&gt;Wed&lt;/td&gt;&lt;td&gt;Thu&lt;/td&gt;&lt;td&gt;Fri&lt;/td&gt;&lt;td&gt;Sat&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
                  &lt;tbody id="calender"&gt;&lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>
  
  <p>the date field is as below:</p>
  
  <pre><code>    &lt;tr&gt;
         &lt;td&gt;effected date&lt;/td&gt;
               &lt;td&gt;
                   &lt;input type="text" name="eff_date" class="required" id="eff_date"&gt;&lt;a href="#" onClick="setYears(1947, 2030);
   showCalender(this, 'eff_date');" class="" id="calender"&gt;
     &lt;img src="Calender/calender.png"&gt;&lt;/a&gt;
                &lt;/td&gt;
        &lt;/tr&gt;
  </code></pre>