title: unable to get datepicker to work with ng-repeat
body: <p>I'm displaying a table row for each item in my <code>$scope.items</code> through an <code>ng-repeat</code>
  Calling the <code>ng-repeat</code> prevents the jquery-UI datepicker popup from appearing. Though if I remove the <code>ng-repeat</code>, it works but I will only get one row. </p>
  
  <p>Why is this? How can I make it so that for each item in my items array, there's a row in the table with working date pickers. I guess the <code>datepicker()</code> function gets called before the ng-repeat?</p>
  
  <p>I have html that looks like this</p>
  
  <pre><code>&lt;div class="content" ng-controller="tableCtrl"&gt;
      &lt;div mydirective&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>The controller</strong></p>
  
  <pre><code> app.controller("tableCtrl", function ($scope)
      {
          $scope.items = [
              "test1", "test2","test3"
          ];
      });
  </code></pre>
  
  <p><strong>And finally my directive 'mydirective' looks like this</strong></p>
  
  <pre><code>app.directive("mydirective", function ()
      {
          return {
              templateUrl: "tables.html"
          }
      });
  </code></pre>
  
  <p><strong>tables.html</strong></p>
  
  <pre><code> &lt;table&gt;
      &lt;tr ng-repeat="item in items"&gt;
          &lt;td&gt;
              &lt;input type="text" class="datepicker" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" class="datepicker" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" class="datepicker" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;select&gt;
                  &lt;option&gt;test&lt;/option&gt;
                  &lt;option&gt;test&lt;/option&gt;
              &lt;/select&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
        &lt;script&gt;
          $(".datepicker").datepicker();
          &lt;/script&gt;
  </code></pre>