title: jQuery - Set datepicker's container to a specific div
body: <p>I'm using jQuery UI datepicker on an div. the div hides and shows by moving mouse. as the datepicker are exist at the end of the <code>&lt;body&gt;</code> tag, not inside my div, the div disappears when I move the mouse to the datepicker.</p>
  
  <p>I loaded the datepicker like this:</p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$("#dt1").datepicker({
      dateFormat: "dd/mm/yy",
      showOn: "button",
      buttomText: "Arrival date",
      buttonImage: "&lt;button location&gt;",
      buttonImageOnly: true,
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="text" id="dt1" size="10" name="dt1" value="Arrival Date" /&gt;
  </code></pre>
  
  <p>How can I set the container of the datepicker to a specific div?</p>
  
  <p><strong>Edit:</strong> See it on JSFiddle: <a href="http://jsfiddle.net/G4NzC/" rel="noreferrer">http://jsfiddle.net/G4NzC/</a></p>