javascript - X編集可能なjqueryプラグインが起動しない

Question

http://vitalets.github.io/x-editable/docs.htmlのドキュメントに従って、x-editible ライブラリを実装しようとしています。単一のデータベース テーブル レコードからの情報で満たされた次のテーブルを使用して、codeigniter ビューをロードしました。

<table id="myDataTable" class="table table-bordered table-striped" style="clear: both">
<tbody>
<tr><td>id</td><td><a href="#" id="id" data-type="text" data-pk="2" data-url="/post" data-title="id">2</a></td></tr>
<tr><td>email</td><td><a href="#" id="email" data-type="text" data-pk="2" data-url="/post" data-title="email">A@B.COM</a></td></tr>
.....
.....

  <script src='js/jquery.js'></script>
  <script src="js/bootstrap.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/js/bootstrap-editable.min.js"></script>

<script language="javascript" type="text/javascript">

  $(document).ready(function() {
$('#myDataTable').editable();
$.fn.editable.defaults.mode = 'inline';
});

</script>

ただし、 http: //vitalets.github.io/x-editable/demo.htmlのように表のリンクをクリックすると、プラグインは起動しません。firebug にエラーはありません。私は何を間違っていますか？