title: jQuery UI Datepicker in DataTables header not spawning?
body: <p>I have datepickers in the header of my DataTable. I need 2 things here. </p>
  
  <p>One, the same exact datepickers that are working outside the table will not work within the header (or include calendar icons). I've tried implementing these via DOM as well, which still didn't work and this way seems less messy. </p>
  
  <p>Two, these datepickers should act as a filter for the table. So From October 2, To October 4 should hide all dates outside that bracket. Any ideas? Thanks in advance.</p>
  
  <p><a href="http://jsfiddle.net/Z85QC/12/" rel="nofollow">http://jsfiddle.net/Z85QC/12/</a></p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(".datepick").datepicker({
      showOn: "both",
      buttonImage: "http://www.effinghamparkdistrict.org/graphics/calendar_icon.png"
  });
  
  $('#example').dataTable({
      "bJQueryUI": true,
          "sPaginationType": "full_numbers",
          "aLengthMenu": [
          [5, 10, 15, 20, -1],
          [5, 10, 15, 20, "All"]
      ],
          "iDisplayLength": 10
  });
  
  $("&lt;div class='nBreak padR'&gt;&lt;label&gt;Date Filter:&lt;/label&gt;&amp;nbsp;&amp;nbsp;From &lt;input type='text' class='datepick' /&gt;&amp;nbsp;To &lt;input type='text' class='datepick' /&gt;&lt;/div&gt;").prependTo('div.dataTables_filter');
  </code></pre>