title: jQuery jeditable error Object [object Object] has no method 'editable'
body: <p>It looks a dummy error for this jeditable object. This is my page</p>
  
  <pre><code>  &lt;script src="/assets/jquery.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery_ujs.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/bootstrap.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/mgm.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/swimming/classschedules.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/swimming/coaches.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/swimming/programs.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/swimming/shoppings.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/swimming/students.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/underscore-min.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/backbone-min.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery.jeditable.mini.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/assets/application.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
  &lt;div class="edit" id="dev008"&gt;click to edit&lt;/div&gt;
  
   $(function() {
       $('.edit').editable('&lt;%= date_swimming_classschedules_path(@date)%&gt;');
   });
  </code></pre>
  
  <p>And I got this error</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'editable' 
  </code></pre>
  
  <p>And I have checked </p>
  
  <pre><code>src="/assets/jquery.jeditable.mini.js?body=1"
  </code></pre>
  
  <p>It is reachable. Is there something else should I check to fix this error?</p>
  
  <p>full error message in chrome console</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'editable' er:236
  (anonymous function) er:236
  y.Callbacks.l application.js:14
  y.Callbacks.c.fireWith application.js:14
  y.extend.ready application.js:14
  M application.js:14
  </code></pre>
  
  <p><strong>UPDATE.</strong></p>
  
  <p>I found this line</p>
  
  <pre><code>&lt;script src="/assets/application.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>just after </p>
  
  <pre><code>&lt;script src="/assets/jquery.jeditable.mini.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>is a duplicate of jQuery library. How can I remove this line?</p>
  
  <p><strong>UPDATE 2</strong> </p>
  
  <p>I am adding related rails code </p>
  
  <p>/app/assets/application.js code</p>
  
  <pre><code>//= require jquery
  //= require jquery_ujs
  //= require twitter/bootstrap
  //= require underscore-min.js
  //= require backbone-min.js
  //= require jquery.jeditable.mini.js
  </code></pre>
  
  <p>/app/views/layouts/application.html.erb  code</p>
  
  <pre><code>&lt;%= javascript_include_tag "application" %&gt;
  </code></pre>
  
  <p>Thanks</p>