title: x-editable v1.5.1 Uncaught TypeError: $(...).editable is not a function
body: <p>I would like to implement inline-editing using bootstrap and <a href="https://vitalets.github.io/x-editable/" rel="nofollow noreferrer" title="x-editable">x-editable</a> but no matter which version of jquery/bootstrap/x-editableand I use the following error occurs </p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).editable is not a function</p>
  </blockquote>
  
  <p>when calling:</p>
  
  <pre><code>$('#field_name').editable(); 
  </code></pre>
  
  <p>and </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'defaults' of undefined</p>
  </blockquote>
  
  <p>when calling:</p>
  
  <pre><code>$.fn.editable.defaults.mode ='inline';
  </code></pre>
  
  <p>It's just like the library itself has not been initialized:</p>
  
  <hr>
  
  <h2>How the files are included</h2>
  
  <pre><code>   &lt;script src="path/jquery.min.js"&gt;&lt;/script&gt;           /v: 3.2.1 and 1.9.1
     &lt;script src="path/tether.min.js"&gt;&lt;/script&gt;         
     &lt;script src="path/bootstrap.min.js"&gt;&lt;/script&gt;        /v:4-alpha
     &lt;script src="path/jquery.ui.min.js"&gt;&lt;/script&gt;           /v: 1.12.1
     &lt;script src="path/bootstrap3-editable.js"&gt;&lt;/script&gt;   /v: 1.5.1
     &lt;script src="path/customFile.js"&gt;&lt;/script&gt;           
  </code></pre>
  
  <h2>how the editable is called</h2>
  
  <pre><code>  &lt;script type="text/javascript"&gt; 
     (function () {
           customFile.init();
     })();
    &lt;/script&gt;
  </code></pre>
  
  <p><strong>customFile.js</strong>  </p>
  
  <pre><code>  var customFile = (function(){
        var scope = {
             init : function(){
                $('#field_name').editable();
             }
         };
  
        return {
             init : scope.init
        };
  
    })(window, undefined)
  </code></pre>
  
  <p><strong>HTML code</strong></p>
  
  <pre><code>  &lt;a href="#" id="field_name" data-type="text" (...)&gt;Some text&lt;/a&gt;
  </code></pre>
  
  <p>I've just put some console.log inside bootstrap-editable.js vendor and it launches so the library is included however somehow function $.fn.editable does not exists. <strong>I would really appreciate for some word of advice</strong></p>
  
  <p>PS 
  The application is based on Syfony 3.x and I use Twig Templating system for templates inheritance. The bower is used for vendor dependencies</p>