title: jquery datepicker Uncaught TypeError: Object [object Object] has no method 'datepicker'
body: <p>I'm getting this error on a form I'm setting up:</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'datepicker' 
  </code></pre>
  
  <p>I've been googling for some time now and have checked several posts about this issue. I have jquery and jquery ui in the correct order but continue to get this problem.</p>
  
  <p>my html (footer)</p>
  
  <pre><code>  &lt;!-- Included JS Files (Compressed) --&gt;
    &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"&gt;
    &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script src="/javascripts/foundation.min.js"&gt;&lt;/script&gt;
    &lt;script src="/javascripts/flexy-menu.js"&gt;&lt;/script&gt;
  
    &lt;!-- Initialize JS Plugins --&gt;
    &lt;script src="/javascripts/app.js"&gt;&lt;/script&gt;
    &lt;script src="/javascripts/lma.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Inside lma.js I call the datepicker:</p>
  
  <pre><code>// datepicker 
  $(document).ready(function() {
      $('.checkIn, .checkOut').each(function() {
          $(this).datepicker({ dateFormat: 'yy-mm-dd' });
      });
  });
  </code></pre>
  
  <p>Am using foundation 3 and for the life of me can't figure out why I'm getting the Uncaught TypeErrro in the console.</p>
  
  <p>UPDATE
  form code here:</p>
  
  <pre><code>  &lt;div class="six columns bookForm"&gt;
        &lt;form id="reserveNow" action="#"&gt;
  
          &lt;label&gt;Check In&lt;br /&gt;
            &lt;input type="text" value="02/24/2013" class="checkIn round"&gt;
          &lt;/label&gt;
  
          &lt;label&gt;Check Out&lt;/br&gt;
            &lt;input type="text" value="02/27/2013" class="round checkOut"&gt;
          &lt;/label&gt;
  
        &lt;/form&gt;
    &lt;/div&gt;&lt;!--twelve columns--&gt;
  </code></pre>