jQuery jeditable error Object [object Object] has no method 'editable'

Question

It looks a dummy error for this jeditable object. This is my page

  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/mgm.js?body=1" type="text/javascript"></script>
<script src="/assets/swimming/classschedules.js?body=1" type="text/javascript"></script>
<script src="/assets/swimming/coaches.js?body=1" type="text/javascript"></script>
<script src="/assets/swimming/programs.js?body=1" type="text/javascript"></script>
<script src="/assets/swimming/shoppings.js?body=1" type="text/javascript"></script>
<script src="/assets/swimming/students.js?body=1" type="text/javascript"></script>
<script src="/assets/underscore-min.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone-min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.jeditable.mini.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>



<div class="edit" id="dev008">click to edit</div>

 $(function() {
     $('.edit').editable('<%= date_swimming_classschedules_path(@date)%>');
 });

And I got this error

Uncaught TypeError: Object [object Object] has no method 'editable' 

And I have checked

src="/assets/jquery.jeditable.mini.js?body=1"

It is reachable. Is there something else should I check to fix this error?

full error message in chrome console

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

UPDATE.

I found this line

<script src="/assets/application.js?body=1" type="text/javascript"></script>

just after

<script src="/assets/jquery.jeditable.mini.js?body=1" type="text/javascript"></script>

is a duplicate of jQuery library. How can I remove this line?

UPDATE 2

I am adding related rails code

/app/assets/application.js code

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require underscore-min.js
//= require backbone-min.js
//= require jquery.jeditable.mini.js

/app/views/layouts/application.html.erb code

<%= javascript_include_tag "application" %>

Thanks

Answer 1

Find application.js (in /assets/) and delete the contents (or do something such that it no longer contains another copy of jquery)

:)