title: using multiple instances of datepicker on the same page
body: <p>I apologize for the duplicate issue, but the issue was "closed" and I have new information.</p>
  
  <p>The issue is that I have two date pickers and when you click one the calendar works fine, but then you click the other and it doesn't come up unless you click elsewhere on the page and then back.</p>
  
  <p>This was tested on jsfiddle.net and the bug was not replicated, but I replicated the bug with nothing but the following code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="jquery-1.7.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.ui.core.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.ui.datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $("#frompicker").datepicker();
      $("#topicker").datepicker();
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input id="frompicker" class="dp" type="text"&gt;
  &lt;input id="topicker" class="dp" type="text"&gt;
  &lt;/body&gt;
  </code></pre>