title: Uncaught TypeError: Object [object Object] has no method 'draggable'. (Booklet jquery plugin)
body: <p>I am trying to use Booklet jquery plugin for my project, but the manual and keyboard controls are not working. It seems to be due to this error. </p>
  
  <p><a href="http://builtbywill.com/code/booklet/" rel="noreferrer">Booklet plugin homepage</a></p>
  
  <p><a href="http://pastebay.net/1071123" rel="noreferrer">Direct link to the js file of the plugin. Error occurs at line 1194.</a></p>
  
  <p>The error occurs at this particular line :</p>
  
  <pre><code>    // manual page turning, check if jQuery UI is loaded
      target.find('.b-page').draggable('destroy').removeClass('b-grab b-grabbing');
      if(options.manual &amp;&amp; $.ui) {
  </code></pre>
  
  <p>My html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"/&gt;
              &lt;title&gt; asfds &lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="fgerg.css" /&gt;
  &lt;link href="scripts/jquery.booklet.1.4.0.css" type="text/css" rel="stylesheet" media="screen" /&gt;
  
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="scripts/jquery.easing.1.3.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="scripts/jquery.booklet.1.4.0.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
                  $(document).ready(function() {
  
                  $(function() {
                      $('#mybook').booklet(); 
                      keyboard: true
                  });     
                  }); 
              &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div id="mybook"&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 1!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;img src="scripts/testmenu1.png" width="100%" height="100%" /&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 3!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 4!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 5!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 6!&lt;/h3&gt;
          &lt;/div&gt;
  &lt;/body&gt;     
      &lt;/div&gt;
  
      &lt;/html&gt;
  </code></pre>