bootstrap and jquery modal failing
<p>I'm working with Bootstrap and jQuery, and I've got the modal content working fine using the text attributes to trigger the open.</p>

<p>However, I am trying to close the open modal window from another script and I get the error that <code>modal is not defined</code>:</p>

<pre><code>modals.js:94 Uncaught TypeError: $(...).modal is not a function(anonymous function) @ modals.js:94dispatch @ jquery.min.js:3r.handle @ jquery.min.js:3
modals.js:86 Object {__ob__: Observer, __v-for__1: Fragment}
</code></pre>

<p>The code looks like this: </p>

<pre><code>$('#mymodal').modal('hide');
</code></pre>

<p>The loading order of the js files is:</p>

<pre><code>&lt;script src="https://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"&gt;&lt;/script&gt;
&lt;script src="/modals.js" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>

<p>How is modal not defined if the modal window works properly from the <code>data-toggle="modal"</code> call?</p>