jQuery UI datepicker binding

http://www.knockmeout.net/2011/07/another-look-at-custom-bindings-for.html

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.js"></script>
<table width="68%" border="0" align="center" cellpadding="0" cellspacing="6">

          <tr>
            <td align="left" valign="middle" class="search-filter-headings">Start Date:</td>
            <td align="left" valign="middle">
            <input type="text" name="start_date" id="start_date" class="filter-textfields" placeholder="Start Date"/>
            </td>
          </tr>
          <tr>
            <td align="left" valign="middle" class="search-filter-headings">End Date:</td>
            <td align="left" valign="middle">
            <input type="text" name="end_date" id="end_date" class="filter-textfields" placeholder="End Date"/>
            </td>
          </tr>
       
        </table>

JavaScript

$( "#start_date" ).datepicker(
	
			{ 
				maxDate: '0', 
				beforeShow : function()
				{
					jQuery( this ).datepicker('option','maxDate', jQuery('#end_date').val() );
				},
				altFormat: "dd/mm/yy", 
				dateFormat: 'dd/mm/yy'
				
			}
			
	);

	$( "#end_date" ).datepicker( 
	
			{
				maxDate: '0', 
				beforeShow : function()
				{
					jQuery( this ).datepicker('option','minDate', jQuery('#start_date').val() );
				} , 
				altFormat: "dd/mm/yy", 
				dateFormat: 'dd/mm/yy'
				
			}
			
	);