title: readonly attr is disabling jQuery datepicker
body: <p>I have inputs where I activate the jQuery Datepicker to allow the user to select dates. They look like this: <code>&lt;input type="text" id="from" name="from" value="'.$from.'" /&gt;</code></p>
  
  <p>Since users will be selecting these dates on their phones, I needed to disable the native keyboard, so I set these to readonly like this: <code>$("#from").attr("readonly",true);</code> Note that I also need them to be <code>readonly</code> because I have restrictions on dates and such.</p>
  
  <p>While the above works just fine in desktop/laptop browsers, I am unable to select dates using my iPhone (Safari and Mercury tested). When I tap the input, nothing happens. See the site on mobile if needed: <a href="http://www.recordyouradventures.com/testsite" rel="nofollow">http://www.recordyouradventures.com/testsite</a></p>
  
  <p>So is there something that I am missing because from what I thought, datepicker would override <code>readonly</code> just as it does on desktop browsers.</p>
  
  <p>I have tried setting <code>type="date"</code> and <code>readonly="readonly"</code> in the HTML, both of which still leave the input locked to mobile phone.</p>
  
  <p>Thanks in advance. Cheers!</p>