title: Unable to change JQuery Datepicker properties
body: <p>The application that I'm working on has a common datepicker format setup. All pages inherit the following javascript in the header:</p>
  
  <pre><code>$(document).ready(function () {
     $(':input[data-datepicker]').datepicker({ dateFormat: 'mm-dd-yyyy' });
  });
  </code></pre>
  
  <p>Now I have a page where I need to add my own properties to the Datepicker such as get the MaxDate property setup:</p>
  
  <pre><code>Reference:
  &lt;script src="@Url.Content("~/Scripts/jquery-ui-1.8.18.min.js")" type="text/javascript"&gt;\&lt;/script&gt;
  .
  .
  .
  // Setting Datepicker properties. 
  // ( I want today's date to be the max date a user can pick: )
  
  $(function () {
     $('#addDate').datepicker({ maxDate: 0 });
  });
  .
  .
  .
  </code></pre>
  
  <h3>Rendered HTML:</h3>
  
  <pre><code>&lt;input data-datepicker="True" id="addDate" name="Date" type="text" value="" /&gt;
  </code></pre>
  
  <p>Right now no additional properties I add to $('#addDate').datepicker , such as MaxDate or defaultDate seem to be taking effect. Help!</p>