title: jQuery Mobile datepicker versions issues
body: <p>I'm facing some issues when using datepicker of jquery mobile (<a href="http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/" rel="nofollow">datepicker</a>)</p>
  
  <p>When I use the version 1.5 of jQuery and 1.0a4.1 of jQuery mobile, the datepicker is shown as expected. Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
  
      &lt;link href="~/Content/jquery.ui.datepicker.mobile.css" rel="stylesheet" /&gt;
      &lt;link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.5.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          //reset type=date inputs to text
          $(document).bind("mobileinit", function () {
              $.mobile.page.prototype.options.degradeInputs.date = true;
          });
      &lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.ui.datepicker.mobile.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      @RenderBody()
      &lt;div data-role="page"&gt;
  
          &lt;div data-role="content"&gt;
              &lt;p&gt;Hello world&lt;/p&gt;
              &lt;form action="#" method="get"&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="date"&gt;Date Input:&lt;/label&gt;
                          &lt;input type="date" name="date" id="date" value="" /&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>But when I use jQuery 1.9.1 and jQuery mobile 1.3.1 it generating the following error:</p>
  
  <blockquote>
    <p>TypeError: Object [object Object] has no method 'live' [http://localhost:62799/Scripts/jquery.ui.datepicker.mobile.js:50]</p>
  </blockquote>
  
  <p>Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
  
      &lt;link href="~/Content/jquery.ui.datepicker.mobile.css" rel="stylesheet" /&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          //reset type=date inputs to text
          $(document).bind("mobileinit", function () {
              $.mobile.page.prototype.options.degradeInputs.date = true;
          });
      &lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.ui.datepicker.mobile.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      @RenderBody()
      &lt;div data-role="page"&gt;
          &lt;div data-role="content"&gt;
              &lt;p&gt;Hello world&lt;/p&gt;
              &lt;form action="#" method="get"&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="date"&gt;Date Input:&lt;/label&gt;
                          &lt;input type="date" name="date" id="date" value="" /&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>There is some workaround?</p>