title: ui is not defined with draggable
body: <p>offset value but console tell me it is not defined :</p>
  
  <pre><code>ui is not defined
  </code></pre>
  
  <p>In my HTML the jquery script are included:</p>
  
  <pre><code> &lt;script language="javascript" type="text/javascript"
          src="/templates/protostar/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript"
          src="/templates/protostar/js/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript"
          src="/templates/protostar/js/jclip.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript"
          src="/templates/protostar/js/cp.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I don't understand...this is my jQuery code:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
  (function ($) {
      $(document).ready
      (
          function () {
              $('.mapban').parent().jclip(0, 0, 1060, 750);
  
              $('#mapplane').draggable({ containment: $('#containermy'),
              scroll: false,
              drag: function() {  
              console.log(ui.offset);
               },
  
  
              });
  
   })
  &lt;/script&gt;
  </code></pre>